*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body)}button,input,textarea{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;left:16px;z-index:99;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.header{position:absolute;z-index:30;top:0;left:0;width:100%;height:84px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:21px;font-style:italic;font-weight:bold;white-space:nowrap}.mark{display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-size:26px;font-family:var(--body);line-height:1;width:40px;height:40px;font-style:normal}.nav{display:flex;gap:clamp(18px,2.7vw,44px)}.nav a,.mobile-nav a{text-decoration:none;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700}.nav a:hover,.mobile-nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.scene{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--surface)}.scene picture,.scene picture img{display:block;width:100%;height:100%}.scene img{object-fit:cover}.hero picture{position:absolute;inset:0 0 0 46%}.hero picture img{object-position:50% 54%}.hero{background:#f4e9e0}.hero-copy{position:relative;z-index:2;width:min(49%,710px);padding:clamp(130px,19vh,210px) 20px 100px clamp(24px,7.4vw,128px)}.eyebrow,.marker{font-size:11px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}.eyebrow{color:var(--accent);margin:0 0 27px}.hero h1,.chapter h2{font-family:var(--display);font-weight:normal;letter-spacing:-.055em;line-height:.98;margin:0}.hero h1{font-size:clamp(64px,7.4vw,128px)}.hero h1 span,.chapter h2 span{display:block}.hero h1 span:nth-child(2){font-style:italic;color:var(--accent)}.hero-lead{font-size:clamp(16px,1.3vw,20px);line-height:1.55;max-width:440px;margin:28px 0 30px}.primary-cta{min-height:48px;display:inline-flex;align-items:center;gap:34px;background:var(--accent);color:white;padding:14px 19px;text-decoration:none;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.13em}.primary-cta:hover{background:#87113f}.primary-cta span{font-size:19px;font-weight:normal}.hero-bottom{position:absolute;bottom:26px;left:clamp(24px,7.4vw,128px);right:clamp(24px,5vw,78px);z-index:2;display:flex;justify-content:space-between;gap:20px;color:var(--ink);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.chapter{padding:clamp(90px,11vw,170px) clamp(24px,7.4vw,128px);scroll-margin-top:20px}.marker{color:var(--accent);margin:0 0 35px}.chapter h2{font-size:clamp(52px,6vw,106px)}.story,.features,.experience,.faq,.closing{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,150px)}.story-copy{align-self:end;padding-bottom:9px;max-width:530px}.story-copy>p:not(.aside),.experience>p,.closing>div>p{font-family:var(--display);font-size:clamp(23px,2.3vw,35px);line-height:1.38;letter-spacing:-.025em;margin:0}.aside{border-top:1px solid var(--border);padding-top:20px;color:var(--muted);font-size:13px;margin-top:48px}.detail-scene{min-height:480px}.detail-scene img{object-position:50% 50%}.scene-note,.scene-number{position:absolute;z-index:2;bottom:37px;left:clamp(24px,7.4vw,128px);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:bold;color:#fff;text-shadow:0 1px 10px #24100b}.detail-scene:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,rgba(35,19,14,.35));pointer-events:none}.features{background:var(--surface)}.feature-list{align-self:end}.feature{border-top:1px solid #c9b2a8;padding:24px 0 30px;display:grid;grid-template-columns:58px 1fr;gap:16px}.feature:last-child{border-bottom:1px solid #c9b2a8}.feature-number{font-family:var(--display);font-size:15px;color:var(--accent)}.feature h3{font-family:var(--display);font-size:clamp(24px,2.2vw,34px);font-weight:normal;margin:0 0 8px}.feature p{max-width:370px;line-height:1.55;font-size:14px;color:var(--muted);margin:0}.context-scene img{object-position:50% 50%}.experience>p{align-self:end}.faq{background:#eee0d8}.faq-list{align-self:center}.faq details{border-top:1px solid #bba9a1}.faq details:last-child{border-bottom:1px solid #bba9a1}.faq summary{min-height:70px;padding:23px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent);font-size:26px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 40px 25px 0}.closing{background:#412527;color:#fff}.closing .marker{color:#f39db8}.closing>div>p{margin:30px 0;max-width:480px}.closing .primary-cta{background:#fff;color:#68253f}.closing .primary-cta:hover{background:#f5d5de}.form-panel{align-self:center}.contact-form{border-top:1px solid #86676a;padding-top:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:12px;letter-spacing:.05em;margin:0 0 21px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #927577;color:white;padding:12px 0;margin-top:8px;resize:vertical}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.65}.contact-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5;color:#f2dce2}.consent input{margin:2px 0 0}.contact-form button{min-height:48px;border:1px solid #b79da2;background:transparent;color:#e9d4d9;padding:12px 21px;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.contact-form button:disabled{cursor:not-allowed;opacity:.7}.form-note{font-size:12px;color:#f2dce2;line-height:1.5}.honeypot{position:absolute!important;left:-9999px!important}footer{background:#2c1d1f;color:#f1d9de;display:flex;justify-content:space-between;gap:20px;padding:26px clamp(24px,7.4vw,128px);font-size:11px;letter-spacing:.07em}
@media(max-width:900px){.nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;background:transparent;border:0;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.mobile-nav:not([hidden]){position:absolute;display:flex;flex-direction:column;gap:0;top:72px;left:16px;right:16px;padding:12px 24px;background:var(--bg);box-shadow:0 15px 40px #3b201b22}.mobile-nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.mobile-nav a:last-child{border:0}.hero picture{inset:0 0 0 38%}.hero-copy{width:62%;padding-left:5vw}.story,.features,.experience,.faq,.closing{gap:35px}}
@media(max-width:640px){.header{height:72px;padding:0 20px}.wordmark{font-size:18px}.mark{width:35px;height:35px;font-size:23px}.scene{height:100svh;min-height:530px}.hero{background:#f2e5dc}.hero picture{inset:0;height:48%;width:100%}.hero picture img{object-fit:cover;object-position:50% 45%!important}.hero:before{content:"";position:absolute;z-index:1;inset:40% 0 0;background:linear-gradient(transparent 0%,#f2e5dc 22%,#f2e5dc 100%)}.hero-copy{position:absolute;top:auto;bottom:76px;width:100%;padding:0 22px}.eyebrow{margin-bottom:12px;font-size:10px}.hero h1{font-size:clamp(46px,12.5vw,73px)}.hero-lead{font-size:14px;margin:16px 0 18px;max-width:440px}.hero-bottom{left:22px;right:22px;bottom:18px;font-size:9px}.hero-bottom span:last-child{display:none}.chapter{padding:85px 24px}.story,.features,.experience,.faq,.closing{display:block}.chapter h2{font-size:clamp(49px,12vw,72px)}.story-copy{margin-top:44px}.story-copy>p:not(.aside),.experience>p,.closing>div>p{font-size:25px}.aside{margin-top:30px}.detail-scene{height:78svh;min-height:450px}.detail-scene img{object-position:50% 50%!important}.scene-note,.scene-number{left:24px;bottom:24px}.features-head{margin-bottom:48px}.feature{grid-template-columns:42px 1fr}.context-scene{height:80svh;min-height:480px}.context-scene img{object-position:50% 55%!important}.experience>p{margin-top:40px}.faq-list{margin-top:44px}.closing>div>p{margin-bottom:22px}.form-panel{margin-top:80px}.form-row{display:block}footer{display:block;padding:28px 24px;line-height:2}footer span{display:block}}
@media(max-width:380px){.hero{min-height:650px}.hero picture{height:48%}.hero-copy{bottom:68px}.hero h1{font-size:45px}.hero-lead{font-size:13px}.primary-cta{min-height:44px;padding:11px 16px}.hero-bottom span:first-child{max-width:260px;line-height:1.3}}
@media(max-height:540px) and (orientation:landscape){.scene{min-height:420px}.hero picture{inset:0 0 0 48%;height:100%;width:52%}.hero:before{display:none}.hero-copy{position:relative;bottom:auto;width:52%;padding:86px 20px 35px 28px}.hero h1{font-size:clamp(38px,5.7vw,62px)}.hero-lead{font-size:12px;margin:12px 0}.hero-bottom{display:none}.detail-scene,.context-scene{height:100svh;min-height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Display the supplied files at their original pixels and aspect ratio. */
.header{background:#fff}.wordmark{height:92px}.logo-frame{position:relative;display:block;width:120px;height:90px;overflow:hidden;flex:none}.logo-frame img{position:absolute;width:240px;height:240px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.scene{background:#fff}.scene img,.hero picture img,.detail-scene img,.context-scene img{object-fit:contain;object-position:50% 50%!important}.hero{background:#f2e5dc}.hero picture{background:#fff}.hero:before{display:none}.detail-scene:after{display:none}.scene-note{background:#412527;padding:9px 13px;text-shadow:none}.scene-number{background:#412527;padding:9px 13px;text-shadow:none}
@media(max-width:640px){.header{height:76px}.wordmark{height:76px}.logo-frame{width:104px;height:74px}.logo-frame img{width:210px;height:210px}.hero picture{height:46%;background:#fff}.hero-copy{background:#f2e5dc;bottom:0;padding:22px 22px 54px}.hero-bottom{bottom:15px}.scene-note,.scene-number{left:18px}.detail-scene,.context-scene{background:#fff}}
@media(max-width:380px){.hero{min-height:680px}.hero picture{height:43%}.hero-copy{bottom:0}}
@media(max-height:540px) and (orientation:landscape){.hero picture{height:100%;width:52%}.hero-copy{background:transparent;bottom:auto;padding:85px 20px 30px 28px}}

/* The collection photograph completes the visual sequence; the display is a concept beside the usage story. */
.context-scene{background:#fff}.context-scene picture{padding:clamp(28px,4vw,70px)}.context-scene img{object-fit:contain}.context-scene .scene-number{background:#412527;color:#fff}
.experience-content{align-self:end;min-width:0}.experience-content>p{font-family:var(--display);font-size:clamp(23px,2.3vw,35px);line-height:1.38;letter-spacing:-.025em;margin:0 0 32px}
.display-proposal{margin:0;max-width:400px}.display-proposal img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;object-position:left center;background:#ede9e4}.display-proposal figcaption{font-family:var(--body);font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px}
@media(max-width:640px){.context-scene picture{padding:15px}.experience-content{margin-top:40px}.experience-content>p{font-size:25px}.display-proposal{max-width:340px}.display-proposal img{max-height:440px}}

.story-copy>p:not(.aside)+p:not(.aside){margin-top:1em}

/* Keep the entire opening photograph inside its own column, clear of the copy. */
.hero{display:grid;grid-template-columns:48% 52%;height:auto;min-height:100svh;padding-top:84px;overflow:visible;align-items:center}
.hero picture{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:calc(100svh - 140px);min-height:480px;background:transparent}
.hero picture img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}
.hero-copy{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;padding:36px 24px 36px clamp(24px,6vw,100px);background:transparent}
.hero h1{font-size:clamp(52px,6.3vw,104px)}
.hero-bottom{position:relative;inset:auto;grid-column:1 / -1;grid-row:2;padding:20px clamp(24px,6vw,100px);margin:0}
@media(max-width:900px){
.hero{grid-template-columns:1fr;padding-top:76px;min-height:0}
.hero picture{grid-column:1;grid-row:1;width:100%;height:auto;min-height:0}
.hero picture img{width:100%;height:auto;max-height:none;object-fit:contain!important}
.hero-copy{grid-column:1;grid-row:2;width:100%;padding:32px 24px;background:#f2e5dc}
.hero h1{font-size:clamp(45px,9vw,72px)}
.hero-lead{font-size:16px}
.hero-bottom{grid-column:1;grid-row:3;padding:12px 24px 24px;display:flex;background:#f2e5dc;line-height:1.5}
}
