@font-face{font-family:Manrope;src:url('./assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('./assets/source-serif-latin.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('./assets/source-serif-italic-latin.woff2') format('woff2');font-weight:200 900;font-style:italic;font-display:swap}
:root{color-scheme:dark;--ink:#101c26;--ivory:#fafaf7;--copper:#c27051;--champagne:#dfc8a7;--muted:#acb8be;--serif:'Source Serif 4',Georgia,serif;--sans:Manrope,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;color:var(--ivory);font-family:var(--sans);font-size:16px;line-height:1.7;background:radial-gradient(ellipse at 75% 25%,#24394770,transparent 58%),var(--ink)}
a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible{outline:2px solid var(--champagne);outline-offset:7px}
::selection{background:#c2705155;color:#fff}
h1,h2,p,figure{margin:0}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--ivory);color:var(--ink);padding:12px 20px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.page-shell{max-width:1680px;min-height:100svh;margin:auto;padding:0 clamp(25px,5.4vw,90px);display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 0;border-bottom:1px solid #a8b6b52e}
.brand{display:flex;align-items:center;gap:17px}
.brand-tile{display:flex;align-items:center;justify-content:center;background:var(--ivory);width:67px;height:61px;border-radius:2px;padding:9px;flex-shrink:0}
.brand-tile img{display:block;width:100%;height:auto}
.brand-name{font-size:17px;line-height:1.35;letter-spacing:-.25px;font-weight:600}
.brand-discipline{display:block;font-weight:400;color:#acb8be;letter-spacing:1.4px;font-size:9px;margin-top:8px;text-transform:uppercase}
.launch-status{display:flex;align-items:center;gap:11px;white-space:nowrap;text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#e3ceb1}
.launch-status>span{width:6px;height:6px;border-radius:50%;background:#cf9477;box-shadow:0 0 0 5px #c2705112}
.composition{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8%;padding:74px 0 77px;flex:1}
.introduction{padding-bottom:4px}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.7;letter-spacing:2px;text-transform:uppercase;color:#c5b395;margin-bottom:24px}
.eyebrow>span{height:1px;width:29px;flex-shrink:0;background:#b78161}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(63px,7.6vw,117px);line-height:.99;letter-spacing:-4.6px}
h1 em{font-weight:400;color:var(--champagne);background:linear-gradient(115deg,#c48b6e 10%,#e9d9bb 60%,#c49476);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.announcement{margin-top:32px;max-width:440px}
.announcement h2{font-family:var(--sans);font-size:17px;letter-spacing:0;font-weight:500;line-height:1.5;margin-bottom:11px;color:#eeeae0}
.announcement p{color:var(--muted);font-size:15px;line-height:1.95}
.contact{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:31px}
.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 23px;border-radius:100px;background:linear-gradient(110deg,#cfae87,#ecddc4 55%,#c69e78);color:#1b2d39;font-size:13px;font-weight:650;box-shadow:inset 0 1px 0 #fff6;transition:transform .25s,box-shadow .25s}
.contact-button:hover{transform:translateY(-2px);box-shadow:0 7px 30px #c2705120,inset 0 1px 0 #fff9}
.contact-button>span{width:5px;height:5px;border-radius:50%;background:#3a463f}
.contact-detail{font-size:12px;line-height:1.8}
.contact-detail>span{display:block;color:#a5b1b9;font-size:11px;margin-bottom:3px}
.contact-detail>a{display:inline-block;min-height:30px;border-bottom:1px solid #7c8c9055;color:#dfdcd1}
.contact-detail>a:hover{color:var(--champagne)}
.brand-study{color:#213548;background:linear-gradient(140deg,#eeece3,#fbf9f2 60%,#e4ded1);border:1px solid #f5edd04d;box-shadow:0 30px 90px #0003;position:relative;width:100%;max-width:490px;justify-self:end}
.study-topline{padding:24px 25px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #7f857626;font-size:9px;letter-spacing:1.7px;color:#6e756a}
.study-surface{height:320px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 35% 15%,#fff9,transparent 55%)}
.study-frame{position:absolute;inset:28px;border:1px solid #9f967b40}
.study-frame:before,.study-frame:after{content:'';position:absolute;top:-1px;width:26px;height:26px;border-top:1px solid #a48162}
.study-frame:before{left:-1px;border-left:1px solid #a48162}.study-frame:after{right:-1px;border-right:1px solid #a48162}
.study-logo{width:66%;height:auto;display:block;position:relative;filter:drop-shadow(0 15px 13px #192d4017)}
.study-reflection{position:absolute;z-index:1;inset:-65%;background:linear-gradient(115deg,transparent 42%,#fff0 45%,#fff6 50%,#fff0 55%,transparent 58%);pointer-events:none;transform:translateX(-22%);animation:reflection-pass 18s ease-in-out infinite alternate;animation-play-state:paused}
.study-rule{position:absolute;left:28px;right:28px;bottom:28px;height:1px;background:#aaa18b40}
.study-rule>span{display:block;background:#bb7e5b;width:28%;height:1px}
.brand-study figcaption{padding:24px 29px 28px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #7f857626}
.brand-study figcaption>span:first-child{font-family:var(--serif);font-size:27px;letter-spacing:-.45px;line-height:1.2}
.brand-study figcaption em{color:#91785e}
.study-caption-note{font-size:8px;line-height:1.8;letter-spacing:1.6px;text-align:right;color:#7a7969}
.footer{border-top:1px solid #a8b6b52e;padding:25px 0 24px}
.practice-line{display:flex;align-items:center;gap:26px;color:#c2c9c8;font-size:11px;letter-spacing:.2px;flex-wrap:wrap}
.practice-line>span+span:before{content:'';display:inline-block;vertical-align:middle;width:3px;height:3px;border-radius:50%;background:#b68362;margin-right:26px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;margin-top:22px;color:#8f9ea7}
.footer-bottom small{font-size:10px;letter-spacing:.1px}
.domain{font-size:10px;letter-spacing:1px}
.motion-toggle{display:inline-flex;align-items:center;gap:9px;color:#acb7ba;background:none;border:0;font-size:10px;padding:12px 6px;cursor:pointer;min-height:44px;margin:-12px 0}
.motion-toggle[hidden]{display:none}
.motion-indicator{display:inline-block;width:10px;height:10px;border:1px solid #b89471;border-radius:50%}
.motion-toggle[aria-pressed=true] .motion-indicator{background:#b89471;box-shadow:inset 0 0 0 2px var(--ink)}
html[data-motion=running] .study-reflection{animation-play-state:running}
html[data-visibility=hidden] .study-reflection{animation-play-state:paused}
@keyframes reflection-pass{from{transform:translateX(-22%)}to{transform:translateX(22%)}}
@media(min-width:1500px){.study-surface{height:380px}.composition{gap:10%}}
@media(max-width:1000px){.composition{gap:6%;padding:65px 0;grid-template-columns:1.1fr .9fr}h1{font-size:77px;letter-spacing:-3px}.study-surface{height:280px}.brand-name{font-size:15px}.brand-discipline{font-size:8px}.study-topline{padding:21px;font-size:8px}.brand-study figcaption{padding:23px}.brand-study figcaption>span:first-child{font-size:24px}.study-caption-note{font-size:7px}.contact{gap:18px}.announcement p{font-size:14px}}
@media(max-width:740px){.page-shell{padding:0 7%}.masthead{padding:23px 0;flex-wrap:wrap;gap:22px}.brand{gap:12px}.brand-tile{width:54px;height:50px;padding:8px}.brand-name{font-size:14px}.brand-discipline{font-size:7px;letter-spacing:.8px}.launch-status{font-size:10px;letter-spacing:1.5px}.composition{grid-template-columns:1fr;gap:47px;padding:52px 0}.eyebrow{font-size:10px;margin-bottom:25px;letter-spacing:1.6px}h1{font-size:clamp(62px,13.5vw,96px);letter-spacing:-2.8px}.announcement{margin-top:27px;max-width:480px}.announcement h2{font-size:16px}.announcement p{font-size:15px}.contact{margin-top:27px;gap:24px}.brand-study{justify-self:start;max-width:520px}.study-surface{height:270px}.study-logo{width:57%;max-width:255px}.study-topline{font-size:9px}.brand-study figcaption{padding:22px 25px}.brand-study figcaption>span:first-child{font-size:26px}.study-caption-note{font-size:8px}.practice-line{gap:12px 18px;font-size:10px}.practice-line>span+span:before{margin-right:18px}.footer{padding-top:23px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:10px}.footer-bottom small{flex-basis:100%;font-size:10px}.motion-toggle{order:3;margin-left:auto}.domain{order:2}}
@media(max-width:390px){.brand-name{font-size:12px}.brand-discipline{font-size:6px}.brand-tile{width:47px;height:45px}.brand{gap:10px}.study-surface{height:245px}.contact{gap:18px}.practice-line{gap:8px 12px}.practice-line>span+span:before{margin-right:12px}.study-caption-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){h1 em{-webkit-text-fill-color:currentColor}.contact-button,.brand-study{border:1px solid currentColor}.study-reflection{display:none}}
