:root{--serif:'Cormorant Garamond',Georgia,serif;--paper:#f3f0e9;--paper-deep:#e6e6e1;--ink:#242622;--muted:#51544f}
body{font-size:15px}
:focus-visible{outline:2px solid #9d7842;outline-offset:4px}
.brand{font-weight:600;letter-spacing:.035em}
.overline,.section-topline,.hero-bottom,.finale-index{letter-spacing:.13em;font-size:11px}
.hero-lead h1,.hero-outcome h2,.meaning h2,.experience h2,.finale h2{font-weight:500;letter-spacing:-.035em;line-height:.94}
.hero-lead-body,.hero-outcome p:not(.overline),.meaning-intro>p:last-child,.finale p:not(.overline){font-size:17px;line-height:1.7}
.plain-link,.desktop-nav,.nav-cta,.replay-button{font-size:12px;letter-spacing:.07em}
.process h3{font-size:34px;font-weight:500}
.process p{font-size:14px;color:#4f514d;line-height:1.65}
.experience{min-height:850px;background:#e5e6e2;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(38px,5vw,88px);padding-top:110px;padding-bottom:110px;transition:background-color .45s ease}
.experience[data-style="nocturne"]{background:#dadbd6}
.experience[data-style="gallery"]{background:#e7e4dc}
.experience-copy{max-width:510px}
.experience-copy .section-topline{margin-bottom:58px;border-color:#aaa99f;color:#555c56}
.experience-copy .overline{color:#776248}
.experience-copy h2{font-size:clamp(65px,6vw,96px);margin:16px 0 20px}
.experience-copy h2 em{color:#8d714e}
.experience-copy>p:not(.overline){font-size:17px;line-height:1.72;color:#3f443f;max-width:460px;margin:0}
.handoff{display:flex;align-items:center;gap:20px;margin:27px 0 32px;padding:18px 0;border-top:1px solid #aeb0a9;border-bottom:1px solid #aeb0a9;color:#5d645d;font-size:12px;line-height:1.4}
.handoff span{min-width:0}
.handoff span[aria-hidden]{font:30px/1 var(--serif);color:#987850;flex:none}
.handoff b{display:block;margin-top:4px;color:#222822;font-size:14px;font-weight:600}
.experience-copy label{margin-top:0;color:#2f3a33;font-size:13px;letter-spacing:0;text-transform:none}
.brand-field{margin-top:2px;height:58px;border-color:#8b938b}
.brand-field input{font:500 30px/1 var(--serif);color:#242b25;padding:0 4px}
.brand-field span{color:#786e61;font-size:18px}
.style-chooser{margin-top:26px}
.style-chooser p{margin:0 0 11px;color:#313b33;font-size:13px;font-weight:600}
.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.style-option{min-height:70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:7px;padding:10px 12px;background:#f6f5f0;border:1px solid #c9ccc5;color:#323a34;text-align:left;font-size:13px;transition:border-color .2s,background-color .2s,transform .2s}
.style-option:hover{border-color:#6d756b;transform:translateY(-2px)}
.style-option[aria-pressed="true"]{border-color:#303a32;background:#fffefa;box-shadow:inset 0 0 0 1px #303a32}
.style-swatch{display:block;width:22px;height:17px;border:1px solid rgba(31,35,32,.2)}
.swatch-signature{background:linear-gradient(90deg,#fbf8f1 55%,#b4935d 55%)}
.swatch-nocturne{background:linear-gradient(90deg,#252b2c 55%,#d7ba84 55%)}
.swatch-gallery{background:linear-gradient(90deg,#d6d0c3 55%,#56665f 55%)}
.experience-copy small{margin-top:14px;font-size:12px;line-height:1.55;color:#565d56}
.experience-frame{width:min(100%,630px)}
.preview-heading,.preview-caption{margin:0;color:#38443b;font-size:13px;line-height:1.45}
.preview-heading{font-weight:600;margin:0 0 12px}
.preview-caption{text-align:center;margin-top:14px;color:#59635a}
.orbit-scene{width:100%;max-width:630px;background:radial-gradient(circle at 45% 40%,#f4f4ef 0%,#d9ddd7 68%,#c2c9c0 100%);border:1px solid #aeb8ae;box-shadow:0 22px 60px rgba(38,49,40,.12);transition:background .45s,border-color .45s}
.experience[data-style="nocturne"] .orbit-scene{background:radial-gradient(circle at 45% 40%,#e0e2dd 0%,#c8d0ca 62%,#aeb9ae 100%)}
.experience[data-style="gallery"] .orbit-scene{background:radial-gradient(circle at 45% 40%,#f2efe8 0%,#ddd8cd 66%,#c9c3b8 100%)}
.orbit-circle{border-color:rgba(72,88,74,.25)}
.orbit-rotor,.orbit-object img{animation:none}
.orbit-hint{bottom:6%;color:#36463b;font-size:12px;letter-spacing:.04em;text-transform:none;font-weight:600}
.client-page{width:40%;height:64%;max-width:250px;min-width:205px;padding:17px 14px 13px;border:1px solid #cab994;background:#fffcf6;color:#262b26;box-shadow:0 20px 36px rgba(29,33,27,.24);transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}
.client-page-label{font-size:8px;letter-spacing:.11em;color:#766a54;font-weight:600}
.client-page-brand{font:500 29px/1 var(--serif);margin-top:9px}
.client-page-line{width:43px;margin-top:8px;background:#a88b5e}
.client-page-art{height:42%;margin:10px 0 8px;background:#f1ece2;transition:background-color .4s}
.client-page-title{font:500 22px/1.02 var(--serif)}
.client-page-copy{font-size:9px;line-height:1.45;max-width:180px;color:#53594e;margin-top:5px}
.client-page-foot{font-size:8px;letter-spacing:.04em;color:#555c51;border-color:#d5cbb8;padding-top:7px}
.client-page[data-style="nocturne"]{background:#1f2929;color:#f1eee3;border-color:#8f9f93;box-shadow:0 24px 40px rgba(15,24,25,.3)}
.client-page[data-style="nocturne"] .client-page-label,.client-page[data-style="nocturne"] .client-page-foot{color:#dbbf8e}
.client-page[data-style="nocturne"] .client-page-brand{font-variant:small-caps;letter-spacing:.04em}
.client-page[data-style="nocturne"] .client-page-line{background:#d9bb86}
.client-page[data-style="nocturne"] .client-page-art{background:#2b3533;border:1px solid rgba(218,191,143,.28)}
.client-page[data-style="nocturne"] .client-page-copy{color:#d2d5cd}
.client-page[data-style="nocturne"] .client-page-foot{border-color:#59655b}
.client-page[data-style="gallery"]{background:#e6e1d6;color:#2d3832;border-color:#9a9e8e;align-items:flex-start;text-align:left;padding:16px 15px}
.client-page[data-style="gallery"] .client-page-brand{font-size:25px;text-transform:uppercase;letter-spacing:.07em}
.client-page[data-style="gallery"] .client-page-line{width:100%;background:#7e8f82}
.client-page[data-style="gallery"] .client-page-art{width:100%;height:40%;background:#d0ccc1}
.client-page[data-style="gallery"] .client-page-title{text-align:left;font-size:22px}
.client-page[data-style="gallery"] .client-page-copy{max-width:100%;text-align:left;color:#4f5a52}
.client-page[data-style="gallery"] .client-page-foot{width:100%;text-align:left;border-color:#9b9f91}
@media(max-width:1100px){.experience{gap:30px}.experience-copy h2{font-size:clamp(58px,6.5vw,82px)}.handoff{gap:12px}.handoff b{font-size:12px}}
@media(max-width:760px){.overline,.section-topline{font-size:10px}.hero-lead-body,.hero-outcome p:not(.overline),.meaning-intro>p:last-child,.finale p:not(.overline){font-size:15px}.meaning h2{font-size:clamp(54px,12.5vw,79px)}.process p{font-size:14px}.experience{padding:76px 26px 88px;gap:34px}.experience-copy .section-topline{margin-bottom:42px}.experience-copy h2{font-size:clamp(56px,12.5vw,78px)}.experience-copy>p:not(.overline){font-size:15px;line-height:1.65}.handoff{margin:22px 0 25px}.experience-visual{width:100%}.experience-frame{max-width:480px;margin:auto}.client-page{height:70%;min-width:170px;padding:12px 9px 10px}.client-page-brand{font-size:23px}.client-page-art{height:37%;margin:6px 0}.client-page-title{font-size:18px}.client-page-copy{font-size:8px}.client-page-foot{font-size:7px}.orbit-hint{font-size:10px;bottom:5%}}
@media(max-width:420px){.experience{padding-left:21px;padding-right:21px}.handoff{gap:9px}.handoff span{font-size:10px}.handoff b{font-size:11px}.style-option{padding:9px;min-height:68px;font-size:12px}.client-page{min-width:158px;height:72%}.client-page[data-style="gallery"]{padding:10px}.client-page[data-style="gallery"] .client-page-brand{font-size:18px}.client-page[data-style="gallery"] .client-page-title{font-size:17px}.client-page-label{font-size:6px}.client-page-foot{font-size:6px}.preview-heading,.preview-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.style-option,.client-page,.orbit-scene,.experience{transition:none}}
.client-page-brand{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:.95;max-height:2em;overflow-wrap:anywhere}
.client-page[data-style="gallery"] .client-page-brand{text-align:left}
@media(max-width:420px){.client-page{min-width:182px;height:74%}.client-page-brand{font-size:21px}.client-page[data-style="gallery"] .client-page-brand{font-size:17px;letter-spacing:.03em}.client-page-art{height:34%}}
.client-page-art{min-height:0;overflow:hidden}
.client-page-art img{width:78%;height:100%;max-height:100%;min-height:0;object-fit:contain}