:root{--navy:#11172e;--paper:#fffde9;--ink:#080b09;--cream:#fffde7;--line:#0a0e1328;--sans:'General Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;font-family:var(--sans);background:var(--navy);color:var(--cream);font-weight:500}body.modal-open{overflow:hidden}button,a,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}button{min-height:44px}img{display:block;max-width:100%}video{display:block}p{line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:var(--paper);color:var(--ink);z-index:1000}.skip:focus{top:10px}[hidden]{display:none!important}
#atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;background:var(--navy)}
.reading-progress{position:fixed;left:0;top:0;height:100vh;width:1px;z-index:80;background:#fffde71a;mix-blend-mode:difference}.reading-progress i{display:block;background:var(--cream);height:100%;transform:scaleY(0);transform-origin:top}
.masthead{position:fixed;inset:0 0 auto;height:120px;padding:0 2.5%;display:flex;align-items:center;justify-content:space-between;z-index:70;color:var(--cream);transition:color .4s}
.masthead.on-paper{color:var(--ink)}.logo{font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:-.035em;white-space:nowrap}.masthead>.logo{position:absolute;left:50%;transform:translateX(-50%)}.logo svg{width:17px;height:16px;margin-right:4px;vertical-align:middle}.small-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px;padding:0}.menu-icon{font-family:Arial;font-size:14px;line-height:1;transform:scaleX(1.1)}.chat-link span{margin-left:8px}
.section-nav{position:fixed;left:2.5%;top:50%;transform:translateY(-50%);z-index:60;font-size:10px;display:flex;flex-direction:column;gap:0;color:var(--cream)}.section-nav.on-paper{color:var(--ink)}.section-nav a{position:relative;display:flex;align-items:center;width:150px;min-height:26px;opacity:.4;gap:10px}.section-nav a span{font-family:var(--serif);font-style:italic}.section-nav a i{height:1px;width:20px;background:currentColor;opacity:0}.section-nav a em{font-family:var(--serif);font-style:italic;font-size:11px;opacity:0;white-space:nowrap}.section-nav a.active{opacity:1}.section-nav a.active i,.section-nav a.active em,.section-nav a:hover em,.section-nav a:focus-visible em{opacity:1}
.preferences{position:fixed;right:2.5%;bottom:10px;z-index:65;display:flex;gap:10px;color:var(--cream);opacity:.75}.preferences.on-paper{color:var(--ink)}.preferences button{font-size:10px;min-width:44px;min-height:44px}.preferences #theme{font-size:17px}
.hero{height:100svh;min-height:650px;position:relative}.hero-composition{position:absolute;width:67.5%;left:16.25%;top:50%;transform:translateY(-50%)}h1{font-size:5.729vw;font-weight:600;line-height:.9;letter-spacing:-.055em;text-align:center}.headline-line{display:block;overflow:hidden;padding-block:.04em;margin-block:-.04em}.headline-line>span{display:block;animation:enter-focus 1.5s var(--ease) both}.line-two>span{animation-delay:.1s}.line-three>span{animation-delay:.2s}.line-four>span{animation-delay:.3s}.line-one{padding-right:15%}.line-two{padding-left:8%}.line-three{padding-right:2%}.line-four{padding-left:5%}.inline-film{display:inline-block;width:11.5vw;height:4vw;vertical-align:.02em;margin-left:.08em;overflow:hidden;background:url('./assets/portal.webp') center/cover}.inline-film video{width:100%;height:100%;object-fit:cover}.rotating-word{display:block;position:relative;height:.97em}.rotating-word b{font-weight:600;position:absolute;inset:0;opacity:0;filter:blur(12px);transition:opacity .65s,filter .85s var(--ease)}.rotating-word b.current{opacity:1;filter:none}.hero-sectors{position:absolute;top:3%;right:0;font-family:var(--serif);font-size:16px;font-style:italic;transform:translateX(26%);white-space:nowrap}.hero-sectors span{margin-inline:4px}.hero-signature{position:absolute;left:10%;bottom:2%;font-family:var(--serif);font-size:16px;font-style:italic}.scroll-cue{position:absolute;left:50%;bottom:0;height:15vh;display:flex;flex-direction:column;align-items:center;padding-inline:22px}.scroll-cue span{width:6px;height:6px;border:1px solid #fffde790;border-radius:50%}.scroll-cue i{width:1px;flex:1;margin-top:6px;background:linear-gradient(#fffde700,#fffde760)}
.introduction{height:100svh;min-height:650px;display:grid;place-items:center;text-align:center}.introduction-inner{width:100%;padding-bottom:4vh}.introduction h2{font-size:4.583vw;line-height:1;font-weight:600;letter-spacing:-.045em;max-width:51%;margin:auto}.introduction p{font-size:18px;font-weight:400;margin:36px auto 0;max-width:700px;line-height:1.4}.focus-reveal{transition:filter .3s,opacity .3s}
.services{padding:15vh 3% 28vh 23.125%;position:relative;min-height:140vh}.service-row{display:grid;grid-template-columns:18% 18% 1fr;align-items:start;margin-bottom:85px}.service-row:last-child{margin-bottom:0}.service-number,.service-row h3{font-family:var(--serif);font-style:italic;font-size:16px;font-weight:400;line-height:1.2;padding-top:10px}.service-row ul{padding:0;margin:0;list-style:none;font-size:4.583vw;line-height:1;letter-spacing:-.05em;font-weight:600}.service-row li{white-space:nowrap;transition:filter .25s,opacity .25s}.mobile-section-label{display:none}
.paper{background:var(--paper);color:var(--ink);position:relative}.showcase{height:400svh;margin-top:-14vh}.showcase-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.showcase-panels,.showcase-panel{position:absolute;inset:0}.showcase-panel{opacity:0;visibility:hidden;transition:opacity .85s var(--ease),visibility .85s}.showcase-panel.active{opacity:1;visibility:visible}.showcase-panel>img{position:absolute;left:30%;top:20%;width:40%;height:60%;object-fit:cover;transition:filter 1s var(--ease);filter:blur(10px)}.showcase-panel.active>img{filter:none}.showcase-panel h3{position:absolute;left:15%;top:43%;max-width:40%;font-size:4.583vw;font-weight:600;line-height:1;letter-spacing:-.055em;z-index:2;transition:filter .8s var(--ease),opacity .8s;filter:blur(12px);opacity:0}.showcase-panel.active h3{filter:none;opacity:1}.showcase-details{position:absolute;left:80.5%;top:44%;font-size:18px;font-weight:500;line-height:1.25;max-width:17%}.showcase-index{position:absolute;right:2.5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:5}.showcase-index button{position:relative;width:44px;height:30px;min-height:30px;padding:0}.showcase-index img{width:44px;height:26px;object-fit:cover}.showcase-index button.active:before{content:'';position:absolute;left:-32px;top:13px;width:22px;height:1px;background:var(--ink)}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:600;padding:0}.showcase-cta{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);font-size:12px}
.approach{height:400svh}.approach-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.approach h2{position:absolute;top:32%;left:40%;font-size:4.583vw;line-height:1;letter-spacing:-.055em;font-weight:600;z-index:2}.approach-pictures{position:absolute;inset:0}.approach-pictures img{position:absolute;width:26.25%;height:55%;object-fit:cover;will-change:transform}.approach-pictures img:nth-child(1){left:38%;top:80%}.approach-pictures img:nth-child(2){left:68%;top:115%}.approach-pictures img:nth-child(3){left:98%;top:150%}.approach-copy{position:absolute;left:78%;top:42%;width:13%;font-size:18px;font-weight:400;z-index:3}.approach-copy p{position:absolute;inset:0;opacity:0;filter:blur(7px);transition:opacity .7s,filter .7s}.approach-copy p.active{opacity:1;filter:none}.approach-controls{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);display:flex;gap:15px}.approach-controls button{width:44px;min-height:44px;opacity:.35;font-family:var(--serif);font-style:italic}.approach-controls button.active{opacity:1;text-decoration:underline}
.principles{height:180svh}.principles-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:65px;overflow:hidden}.principles-stage>p{text-align:center;font-size:18px;font-weight:400;line-height:1.4}.principle-words{display:flex;flex-direction:column;align-items:center;font-size:6vw;line-height:1.13;font-weight:600;letter-spacing:-.05em}.principle-words span:nth-child(2){font-family:var(--serif);font-style:italic;font-size:1.1em;font-weight:400}.principle-words span{transition:opacity .3s,filter .3s}
.qualification{height:240svh}.qualification-stage{height:100svh;position:sticky;top:0;min-height:650px}.eyebrow{font-size:11px;letter-spacing:.06em;position:absolute;left:23%;top:20%}.qualification-digit{position:absolute;left:20%;top:22%;font-size:31vw;line-height:1;letter-spacing:-.09em;font-weight:500;font-variant-numeric:tabular-nums}.qualification-copy{position:absolute;left:61%;top:43%;width:25%}.qualification-copy h2{font-size:3.4vw;font-weight:600;letter-spacing:-.045em;line-height:1.05;margin-bottom:24px}.qualification-copy p{font-size:18px;font-weight:400;max-width:320px}.qualification-controls{position:absolute;left:61%;top:68%;display:flex;gap:20px}.qualification-controls button{font-size:12px;padding:0;opacity:.4}.qualification-controls button.active{opacity:1;text-decoration:underline;text-underline-offset:5px}
.questions{min-height:100svh;padding:17vh 15% 20vh;text-align:center}.questions h2{font-size:18px;font-weight:400;margin-bottom:45px}.question-list{max-width:1000px;margin:auto}.question-list details{margin:0 auto 14px}.question-list summary{list-style:none;cursor:pointer;font-size:4.1vw;letter-spacing:-.045em;font-weight:600;line-height:1.1;min-height:44px}.question-list summary::-webkit-details-marker{display:none}.question-list details[open] summary{text-decoration:underline;text-underline-offset:8px}.question-list p{font-size:18px;max-width:600px;margin:25px auto 35px;font-weight:400}
.contact{position:relative;background:#081333;color:var(--cream);min-height:115svh;padding:12vh 2.5% 6vh}.contact-main{display:grid;grid-template-columns:57% 43%;gap:0}.contact h2{font-size:6vw;font-weight:600;line-height:.9;letter-spacing:-.055em}.contact h2 em{font-family:var(--serif);font-size:1.14em;font-weight:400;display:inline-block;min-width:5em;line-height:.92;transition:filter .35s,opacity .35s}.contact-pillars{display:grid;grid-template-columns:1fr 1fr;gap:80px 15px;padding:15px 0 0}.contact-pillars h3{font-size:28px;letter-spacing:-.04em;font-weight:600;margin:30px 0 20px}.contact-pillars p{font-size:18px;font-weight:400;line-height:1.4}.mini-dial{position:relative;display:block;width:40px;height:40px;border:1px solid #fffde760;border-radius:50%}.mini-dial:after{content:'';position:absolute;left:19px;top:12px;height:9px;width:9px;border-left:1px solid var(--cream);border-bottom:1px solid var(--cream);transform:rotate(-30deg)}.contact-pillars>div:nth-child(2) .mini-dial:after{transform:rotate(35deg)}.contact-pillars>div:nth-child(3) .mini-dial:after{transform:rotate(95deg)}.contact-bottom{display:grid;grid-template-columns:57% 21.5% 21.5%;margin-top:22vh;align-items:end}.contact-bottom .text-link{font-size:18px;text-decoration:none;margin-bottom:25px}.contact-bottom p{font-family:var(--serif);font-style:italic;font-size:16px;margin-bottom:6px}.email-link{display:inline-block;font-size:28px;letter-spacing:-.04em;border-bottom:1px solid #fffde780;padding-bottom:5px}.contact-bottom nav{display:flex;flex-direction:column;align-items:start;font-size:18px;line-height:1.25}.contact-bottom nav button{min-height:0;padding:0}.contact-bottom small{font-size:14px;white-space:nowrap}
dialog{color:var(--ink);background:var(--paper);border:0}dialog::backdrop{background:#0813339c;backdrop-filter:blur(8px)}.dialog-masthead{display:flex;justify-content:space-between;align-items:center;height:120px;padding:0 2.5%;position:absolute;top:0;left:0;right:0}.dialog-masthead>.logo{position:absolute;left:50%;transform:translateX(-50%)}.menu-dialog,.brief-dialog{inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0}.menu-dialog[open]{animation:menu-in .65s var(--ease)}.menu-dialog>nav{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:17vh 0 6vh}.menu-dialog>nav a{font-size:7.8vw;line-height:1.02;font-weight:600;letter-spacing:-.065em;transition:filter .4s,opacity .4s}.menu-dialog>nav:has(a:hover) a:not(:hover){filter:blur(3px);opacity:.35}.menu-cloud{position:absolute;inset:15% 20%;background:radial-gradient(ellipse at 15% 25%,#17486690,transparent 18%),radial-gradient(ellipse at 75% 65%,#16466780,transparent 22%);filter:blur(18px);pointer-events:none}.menu-contact{position:relative;text-align:center;padding-bottom:5vh}.menu-contact p,.menu-contact p button{font-family:var(--serif);font-size:16px;font-style:italic;min-height:0;padding:0}.menu-contact>a{font-size:28px;letter-spacing:-.04em;display:inline-block;border-bottom:1px solid var(--ink);margin-top:8px;padding-bottom:5px}.brief-dialog form{max-width:800px;margin:0 auto;padding:19vh 30px 70px}.brief-dialog h2{font-size:5vw;line-height:.97;font-weight:600;letter-spacing:-.05em;outline:none}.brief-intro{font-size:17px;font-weight:400;max-width:580px;margin-top:25px}.brief-count{font-size:13px}.brief-stage{margin-top:35px}.brief-stage fieldset{padding:0;border:0;display:flex;flex-direction:column;gap:8px}.brief-stage fieldset label{position:relative;cursor:pointer}.brief-stage input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.brief-stage input[type=radio]+span{display:block;padding:16px 0;font-size:23px;letter-spacing:-.03em;border-bottom:1px solid var(--line);opacity:.5}.brief-stage input[type=radio]:checked+span{opacity:1}.brief-stage input[type=radio]:checked+span:after{content:'↗';float:right}.brief-stage input[type=radio]:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.brief-stage[data-step="1"]>label{display:block;font-size:13px;margin-bottom:22px}.brief-stage input:not([type=radio]),.brief-stage textarea{display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:20px;border-radius:0}.brief-stage textarea{resize:vertical}.brief-actions{display:flex;justify-content:space-between;gap:30px;margin-top:35px}.brief-actions button{font-size:18px;border-bottom:1px solid var(--ink);padding:10px 0}.brief-actions #brief-next{margin-left:auto}.form-note,#brief-status{font-size:13px;line-height:1.6;margin-top:25px}#brief-status a{text-decoration:underline}#brief-review{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px;line-height:1.6;max-height:300px;overflow:auto}.privacy-dialog{max-width:620px;max-height:90dvh;padding:35px;overflow:auto}.privacy-dialog h2{font-size:45px;font-family:var(--serif);font-weight:400;line-height:1;margin:30px 0}.privacy-dialog p{font-size:16px;margin-top:20px;font-weight:400}.privacy-dialog a{text-decoration:underline;overflow-wrap:anywhere}.no-js{position:fixed;inset:auto 0 0;padding:14px;background:var(--paper);color:var(--ink);z-index:100;font-size:13px}.no-js a{text-decoration:underline}
[data-theme=dark]{--paper:#161c2c;--ink:#fffde9;--line:#fffde730}.paused *,.reduced *{animation-play-state:paused!important}.paused .headline-line>span,.reduced .headline-line>span{animation:none}.paused *,.reduced *{transition:none!important}.reduced .focus-reveal,.reduced .service-row li{filter:none!important;opacity:1!important}.reduced .showcase,.reduced .approach,.reduced .qualification,.reduced .principles{height:auto}.reduced .showcase-stage{height:auto;position:relative;overflow:visible;padding-block:80px}.reduced .showcase-panel{position:relative;height:85svh;opacity:1;visibility:visible}.reduced .showcase-panel h3,.reduced .showcase-panel>img{filter:none;opacity:1;transform:none!important}.reduced .showcase-index{display:none}.reduced .showcase-cta{bottom:15px}.reduced .approach-stage{height:auto;position:relative;padding:100px 15%;overflow:visible}.reduced .approach h2{position:relative;inset:auto;text-align:center;opacity:1!important;margin-bottom:60px}.reduced .approach-pictures{display:none}.reduced .approach-copy{position:relative;inset:auto;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.reduced .approach-copy p{position:relative;opacity:1;filter:none}.reduced .approach-controls{display:none}.reduced .qualification-stage,.reduced .principles-stage{position:relative}.reduced .principle-words span{filter:none!important;opacity:1!important}.paused,.reduced{scroll-behavior:auto}
@keyframes enter-focus{from{opacity:0;filter:blur(18px);clip-path:inset(100% 0 0)}to{opacity:1;filter:none;clip-path:inset(0)}}@keyframes menu-in{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@media(max-width:1200px) and (min-width:761px){.masthead,.dialog-masthead{height:95px}.section-nav{left:2%}.section-nav a{width:130px}.introduction p{font-size:15px;max-width:600px}.showcase-details{font-size:14px;left:81%}.approach-copy{font-size:14px;width:17%;left:77%}.contact-pillars h3{font-size:24px}.contact-pillars p,.contact-bottom nav{font-size:15px}.email-link{font-size:23px}.contact-bottom small{font-size:11px}.hero-sectors{font-size:12px}.hero-signature{font-size:12px}.principles-stage>p,.qualification-copy p{font-size:16px}.qualification-controls{gap:14px}}
@media(max-width:760px){
 html{scroll-padding-top:75px}.masthead,.dialog-masthead{height:72px;padding:0 4%}.masthead>.logo{position:static;transform:none;order:-1}.logo{font-size:25px}.logo svg{display:none}.menu-toggle{order:3;font-size:0;width:30px;justify-content:end}.menu-toggle .menu-icon{font-size:14px}.chat-link{margin-left:auto;margin-right:24px;font-size:12px}.chat-link span{margin-left:0}.section-nav{display:none}.preferences{right:4%;bottom:2px;gap:0}.preferences button{font-size:9px}.preferences #motion span{display:none}.preferences #theme{font-size:15px}.hero{min-height:600px}.hero-composition{left:4%;width:92%}h1{font-size:10.667vw;line-height:.9;letter-spacing:-.06em}.line-one{padding-right:13%}.line-two{padding-left:0}.line-three{padding-right:0}.line-four{padding-left:8%}.inline-film{width:22vw;height:9vw}.hero-sectors{font-size:10px;top:-45px;right:0;transform:none}.hero-signature{font-size:11px;left:0;bottom:-32px}.scroll-cue{height:13vh}.introduction{min-height:600px}.introduction h2{font-size:9vw;max-width:94%;letter-spacing:-.05em}.introduction p{max-width:85%;font-size:14px;margin-top:25px}.introduction p br{display:none}.mobile-section-label{display:flex;gap:12px;font-size:12px;font-family:var(--serif);font-style:italic;margin:0 4% 30px}.services{padding:80px 4% 140px;min-height:0}.services>.mobile-section-label{margin-inline:0}.service-row{grid-template-columns:1fr;margin-bottom:55px}.service-number{display:none}.service-row h3{font-size:13px;margin-bottom:18px;padding:0}.service-row ul{font-size:10.2vw;line-height:1.08}.showcase{height:auto;margin-top:0}.showcase-stage{position:relative;height:800px;min-height:0;padding-top:50px}.showcase-panel>img{left:4%;top:20%;width:92%;height:49%;object-position:center}.showcase-panel h3{left:7%;top:58%;font-size:10.3vw;max-width:86%;color:var(--cream);text-shadow:0 1px 15px #0009}.showcase-details{left:4%;top:72%;font-size:14px;max-width:72%;line-height:1.3}.showcase-index{top:auto;bottom:68px;right:4%;transform:none;flex-direction:row;gap:7px}.showcase-index button{width:44px;min-height:44px;height:44px}.showcase-index img{width:44px;height:36px}.showcase-index button.active:before{left:0;top:auto;bottom:-4px;width:44px}.showcase-cta{left:4%;bottom:15px;transform:none;font-size:12px}.approach{height:auto}.approach-stage{position:relative;height:auto;min-height:0;padding:60px 4%}.approach-stage>.mobile-section-label{margin-inline:0}.approach h2{position:relative;inset:auto;text-align:center;font-size:11.5vw;line-height:.98;margin:45px 0 50px;opacity:1!important}.approach-pictures{position:relative;height:400px;margin:0 12%}.approach-pictures img{inset:0!important;width:100%;height:100%;transform:none!important;opacity:0;transition:opacity .8s;object-fit:cover}.approach-pictures img.active{opacity:1}.approach-copy{position:relative;left:auto;top:auto;width:auto;margin:30px 12% 0;min-height:150px;font-size:16px}.approach-controls{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;margin-top:25px}.principles{height:100svh;min-height:700px}.principles-stage{position:relative;min-height:700px;gap:55px}.principles-stage>p{font-size:15px;max-width:80%}.principle-words{font-size:12vw;line-height:1.25}.qualification{height:auto}.qualification-stage{position:relative;height:800px;min-height:0}.eyebrow{left:6%;top:7%;font-size:10px}.qualification-digit{left:15%;top:14%;font-size:61vw}.qualification-copy{left:10%;top:57%;width:80%}.qualification-copy h2{font-size:10vw;margin-bottom:18px}.qualification-copy p{font-size:16px;max-width:100%}.qualification-controls{left:10%;top:85%;gap:24px}.qualification-controls button{font-size:12px}.questions{min-height:0;padding:90px 6% 110px}.questions h2{font-size:16px;margin-bottom:36px}.question-list summary{font-size:8vw}.question-list details{margin-bottom:18px}.question-list p{font-size:15px;margin-block:22px 30px}.contact{padding:90px 4% 70px;min-height:100svh}.contact-main{grid-template-columns:1fr}.contact h2{font-size:14vw;line-height:.9}.contact-pillars{grid-template-columns:1fr 1fr;margin-top:65px;gap:35px 15px}.contact-pillars h3{font-size:21px;margin-block:18px 14px}.contact-pillars p{font-size:13px}.mini-dial{width:30px;height:30px}.mini-dial:after{left:14px;top:8px}.contact-bottom{grid-template-columns:1fr;margin-top:65px;gap:32px}.contact-bottom .text-link{font-size:16px;margin-bottom:20px}.contact-bottom p{font-size:13px}.email-link{font-size:21px}.contact-bottom nav{font-size:14px;flex-direction:row;gap:22px}.contact-bottom small{font-size:12px}.dialog-masthead>.logo{font-size:22px}.dialog-masthead .small-link{font-size:11px}.menu-dialog>nav{min-height:75vh;padding:20vh 0 8vh}.menu-dialog>nav a{font-size:19vw;line-height:1.12}.menu-contact p,.menu-contact p button{font-size:14px}.menu-contact>a{font-size:21px}.brief-dialog form{padding:140px 6% 60px}.brief-dialog h2{font-size:12vw}.brief-intro{font-size:15px}.brief-stage input[type=radio]+span{font-size:20px}.brief-count{font-size:10px}.brief-actions button{font-size:16px}.privacy-dialog{max-width:92%;padding:25px}.privacy-dialog h2{font-size:36px}.reduced .approach-stage{padding:65px 6%}.reduced .approach-copy{display:block;margin:0}.reduced .approach-copy p{margin-bottom:25px}.reduced .showcase-panel{height:760px}.reduced .showcase-stage{padding:50px 0}.reduced .showcase-panel>img{top:8%;height:53%}.reduced .showcase-panel h3{top:49%}.reduced .showcase-details{top:65%}.reduced .principles-stage{height:100svh}.reduced .approach h2{font-size:12vw;margin-bottom:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.headline-line>span{animation:none}}
.logo{font-size:36px}
.line-one,.line-two,.line-three,.line-four{padding-inline:0;text-align:left}
.line-one>span{margin-left:19%}
.line-two>span{margin-left:25%}
.line-three>span{margin-left:10%;white-space:nowrap}
.line-four>span{margin-left:32%}
.rotating-word b{text-align:left}
.hero-sectors{right:10%}
.showcase-panel h3{color:#fffde9;mix-blend-mode:difference;text-shadow:none}
.showcase-stage{background:var(--paper)}
.showcase-panel h3{visibility:hidden}
.showcase-heading{position:absolute;left:15%;top:43%;max-width:40%;font-size:4.583vw;font-weight:600;line-height:1;letter-spacing:-.055em;z-index:3;color:#fffde9;mix-blend-mode:difference;pointer-events:none}
.reduced .showcase-heading{display:none}
.reduced .showcase-panel h3{visibility:visible;mix-blend-mode:normal;color:var(--ink);text-shadow:0 0 2px var(--paper),0 0 12px var(--paper)}
html:not(.enhanced) .showcase-heading{display:none}
html:not(.enhanced) .showcase-panel h3{visibility:visible;mix-blend-mode:normal;color:var(--ink);text-shadow:0 0 2px var(--paper),0 0 12px var(--paper)}
.paused .menu-dialog[open],.reduced .menu-dialog[open]{animation:none;clip-path:none}
@media(max-width:760px){
 .logo{font-size:25px}
 .line-one>span,.line-two>span,.line-three>span,.line-four>span{margin-left:0}
 .line-two{text-align:right}
 .line-three{text-align:right;padding-right:7%}
 .line-four{padding-right:5%}
 .rotating-word b{text-align:right}
 .hero-sectors{top:2%;right:0;font-size:10px}
 .hero-signature{bottom:2%;left:0}
 .showcase-panel h3{mix-blend-mode:normal;color:var(--cream);text-shadow:0 1px 18px #000c}
 .showcase-heading{left:7%;top:58%;font-size:10.3vw;max-width:86%;mix-blend-mode:normal;color:var(--cream);text-shadow:0 1px 18px #000c}
 .reduced .showcase-panel h3{color:var(--cream);text-shadow:0 1px 18px #000c}
}

/* Refinement: preserve the measured composition, improve its rhythm and detail. */
:root{--text-micro:.75rem;--text-copy:clamp(1rem,.8rem + .25vw,1.125rem)}
::selection{background:#bdd8b9;color:#11172e}
.menu-icon{position:relative;display:inline-block;width:14px;height:10px;transform:none}
.menu-icon:before,.menu-icon:after{content:'';position:absolute;left:0;width:14px;height:1px;background:currentColor;transition:transform .4s var(--ease)}
.menu-icon:before{top:2px}.menu-icon:after{bottom:2px}
.menu-toggle:hover .menu-icon:before{transform:translateX(3px)}
.menu-toggle:hover .menu-icon:after{transform:translateX(-3px)}
.masthead:before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(var(--paper),transparent);transition:opacity .4s;pointer-events:none}
.masthead.on-paper.scrolled{background:linear-gradient(var(--paper) 55%,transparent)}
.masthead.on-paper.scrolled:before{opacity:0}
.small-link{min-height:44px;position:relative}
.chat-link span{transition:transform .45s var(--ease)}
.chat-link:hover span{transform:translateX(5px)}
.text-link{position:relative;text-decoration:none;padding-bottom:4px}
.text-link:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform-origin:left;transition:transform .4s var(--ease)}
.text-link:hover:after{transform:scaleX(.4)}
.section-nav,.section-nav a em,.preferences button,.eyebrow{font-size:var(--text-micro)}
.section-nav a{min-height:30px;width:160px}
.section-nav a.active{font-weight:600}
.section-nav.on-paper a.active em{text-shadow:0 0 8px var(--paper),0 0 4px var(--paper)}
.hero-sectors,.hero-signature{font-size:clamp(.75rem,.7rem + .25vw,1rem)}
.headline-line{padding-block:.065em;margin-block:-.065em}
.inline-film{transition:clip-path .6s var(--ease),filter .6s;clip-path:inset(0)}
.hero-composition:hover .inline-film{clip-path:inset(0 3%);filter:brightness(1.1)}
.introduction p{font-size:var(--text-copy);max-width:620px;line-height:1.55}
.showcase{height:310svh}
.showcase-panel{transition:opacity .55s,visibility .55s}
.showcase-panel>img{filter:none;transition:transform .3s linear}
.showcase-details{left:75%;top:45%;max-width:17%;font-size:var(--text-copy);font-weight:400;line-height:1.5;padding-right:8px}
.sector-caption{position:absolute;left:30%;top:15%;width:40%;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-micro);letter-spacing:.065em;z-index:4}
.sector-count{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.sector-track{position:absolute;left:30%;width:40%;height:1px;bottom:17%;background:var(--line)}
.sector-track i{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(.3333);transform-origin:left;transition:transform .9s var(--ease)}
.showcase-index{gap:6px}
.showcase-index button{height:44px;min-height:44px;display:grid;place-items:center}
.showcase-index img{opacity:.5;transition:opacity .4s,transform .4s;width:40px;height:29px}
.showcase-index button.active img,.showcase-index button:hover img{opacity:1}
.showcase-index button:hover img{transform:scale(1.08)}
.showcase-index button.active:before{top:21px;width:14px;left:-22px}
.showcase-cta{position:absolute;font-size:var(--text-micro);bottom:5%}
.showcase-heading{color:var(--ink);mix-blend-mode:normal}
.showcase-title-window{position:absolute;left:30%;top:20%;width:40%;height:60%;overflow:hidden;z-index:4;pointer-events:none}
.showcase-image-title{position:absolute;left:-15vw;top:max(23svh,149.5px);width:40vw;font-size:4.583vw;line-height:1;letter-spacing:-.055em;font-weight:600;color:var(--cream);text-shadow:0 1px 18px #0008}
.approach{height:310svh}
.approach-copy{left:76%;width:18%;font-size:var(--text-copy);line-height:1.5}
.approach-copy p{line-height:1.5}
.approach-kicker{display:block;position:absolute;top:-42px;font-size:var(--text-micro);letter-spacing:.075em;white-space:nowrap}
.approach-controls{gap:12px}
.approach-controls button{font-size:16px;transition:opacity .3s}
.approach-controls button.active{text-decoration-thickness:1px;text-underline-offset:8px}
.principles{height:140svh}
.qualification{height:190svh}
.qualification-copy p{font-size:var(--text-copy);line-height:1.55}
.qualification-controls{top:73%;gap:24px}
.qualification-controls button{font-size:var(--text-micro);min-height:44px}
.question-list summary{position:relative;width:fit-content;margin:auto;padding-inline:26px}
.question-list summary:after{content:'+';font-size:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:400;opacity:0;transition:opacity .3s,transform .3s}
.question-list summary:hover:after,.question-list summary:focus-visible:after,.question-list details[open] summary:after{opacity:1}
.question-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.question-list details[open] p{animation:answer-in .5s var(--ease) both}
.contact h2 em{min-width:0;min-height:1em;vertical-align:top}
.contact-bottom .text-link{min-height:44px;display:inline-flex;align-items:center;gap:30px}
.contact-bottom .text-link:before{content:'↗';font-size:28px;order:1;transition:transform .4s var(--ease)}
.contact-bottom .text-link:hover:before{transform:translate(3px,-3px)}
.menu-dialog>nav a{position:relative;transition:filter .4s,opacity .4s,transform .7s var(--ease)}
.menu-dialog>nav a:hover{transform:translateX(10px)}
.menu-dialog[open]>nav a{animation:menu-link-in .8s var(--ease) both}
.menu-dialog[open]>nav a:nth-child(2){animation-delay:.07s}
.menu-dialog[open]>nav a:nth-child(3){animation-delay:.14s}
.menu-dialog[open]>nav a:nth-child(4){animation-delay:.21s}
.paused .menu-dialog[open]>nav a,.reduced .menu-dialog[open]>nav a,.paused .question-list details[open] p,.reduced .question-list details[open] p{animation:none}
.reduced .sector-caption,.reduced .sector-track,.reduced .approach-kicker,.reduced .showcase-title-window,html:not(.enhanced) .sector-caption,html:not(.enhanced) .sector-track{display:none}
.reduced .showcase,.reduced .approach,.reduced .principles,.reduced .qualification{height:auto}
@keyframes menu-link-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1100px){
 .showcase-details{left:74%;max-width:19%;font-size:14px}
 .section-nav a{width:125px}
 .section-nav a em{font-size:12px}
 .qualification-controls{left:58%;gap:16px}
 .qualification-copy{left:58%;width:33%}
 .approach-copy{font-size:16px}
}
@media(max-width:760px){
 .menu-toggle .menu-icon{width:16px;height:12px}
 .masthead.on-paper{background:linear-gradient(var(--paper) 65%,transparent)}
 .masthead.on-paper:before{opacity:0}
 .hero-sectors,.hero-signature{font-size:12px}
 .hero-sectors{top:-16%}
 .hero-signature{bottom:-18%}
 .introduction p{font-size:16px;max-width:87%;line-height:1.5}
 .showcase,.approach,.principles,.qualification{height:auto}
 .showcase-stage{height:820px}
 .sector-caption{left:4%;top:16%;width:92%;font-size:12px;letter-spacing:.03em}
 .showcase-panel>img{top:20%;height:47%}
 .showcase-heading{top:56%;font-size:10.3vw;color:var(--cream)}
 .showcase-title-window{display:none}
 .showcase-details{left:4%;top:70%;max-width:68%;font-size:16px;line-height:1.4}
 .sector-track{left:4%;width:92%;bottom:30%;display:none}
 .showcase-index{bottom:66px;right:4%;gap:6px}
 .showcase-index button{width:44px;height:44px}
 .showcase-index img{width:40px;height:32px}
 .showcase-index button.active:before{top:auto;bottom:-3px;left:2px;width:40px}
 .showcase-cta{left:4%;bottom:12px;transform:none;font-size:12px}
 .approach-copy{left:auto;top:auto;width:auto;margin:55px 12% 0;min-height:185px;font-size:16px}
 .approach-kicker{top:-30px;font-size:12px}
 .approach-controls{bottom:auto;margin-top:20px}
 .qualification-copy{left:4%;top:50%;width:88%}
 .qualification-controls{left:4%;top:auto;bottom:35px;gap:24px}
 .question-list summary{padding-inline:18px}
 .question-list summary:after{font-size:16px;opacity:.65}
 .contact-bottom small{font-size:12px}
 .preferences button{font-size:12px}
 .reduced .showcase-panel h3{top:56%}
 .reduced .showcase-details{top:72%}
 .reduced .approach-copy{position:relative;inset:auto;width:auto}
}

/* Service reading views use the same editorial grid, not a separate card UI. */
.service-link{font:inherit;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;text-align:left;white-space:nowrap;transform:translateY(-12px)}
.service-link span{font-family:var(--sans);font-size:14px;transition:transform .4s var(--ease)}
.service-link:hover span{transform:translate(3px,-3px)}
.service-link:after{content:'';position:absolute;left:0;right:23px;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.service-link:hover:after,.service-link:focus-visible:after{transform:scaleX(1)}
.service-dialog{inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;overflow-y:auto;overscroll-behavior:contain}
.service-dialog[open]{animation:menu-in .6s var(--ease)}
.service-dialog .dialog-masthead{position:sticky;top:0;z-index:3;background:var(--paper)}
.service-content{width:76%;max-width:1400px;margin:0 auto;padding:28px 0 64px}
.service-overline,.service-pagination,.scope-label{font-size:var(--text-micro);letter-spacing:.07em;font-weight:500}
.service-content>h2{font-size:clamp(4rem,8.2vw,8rem);font-weight:600;line-height:1;letter-spacing:-.06em;margin:20px 0 52px}
.service-content>h2:focus{outline:none}
.service-layout{display:grid;grid-template-columns:42% 48%;gap:10%;align-items:start}
.service-layout figure{margin:0}
.service-layout img{width:100%;height:430px;object-fit:cover}
.service-layout figcaption{font-family:var(--serif);font-style:italic;font-size:18px;margin-top:14px}
.service-explanation>h3{font-size:clamp(1.5rem,2.25vw,2.3rem);font-weight:500;letter-spacing:-.04em;line-height:1.12;margin:0 0 22px}
.service-explanation>p:not(.scope-label):not(.scope-note){font-size:var(--text-copy);font-weight:400;line-height:1.55;max-width:540px}
.scope-label{margin-top:32px;margin-bottom:4px}
#service-scope{list-style:none;padding:0;margin:0;counter-reset:scope}
#service-scope li{counter-increment:scope;display:grid;grid-template-columns:26px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:var(--text-copy);font-weight:400;line-height:1.45}
#service-scope li:before{content:'0' counter(scope);font-family:var(--serif);font-style:italic;font-size:14px;padding-top:3px}
.service-cta{display:inline-flex;align-items:center;gap:28px;font-size:18px;margin-top:28px;min-height:48px}
.service-cta span{transition:transform .4s var(--ease)}
.service-cta:hover span{transform:translate(3px,-3px)}
.scope-note{font-size:13px;font-weight:400;margin-top:10px;max-width:350px;line-height:1.4}
.qualification-controls button,.approach-controls button{opacity:.66}
.qualification-controls button.active,.approach-controls button.active{opacity:1}
.section-nav a{opacity:.66}
.section-nav a.active{opacity:1}
.service-pagination-nav{border-top:1px solid var(--line);margin-top:60px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}
.service-pagination-nav button{font-size:18px;letter-spacing:-.02em;padding:0;min-height:48px;text-align:left}
.service-pagination-nav button:last-child{text-align:right}
#brief-interest{font-family:var(--serif);font-size:22px;font-style:italic;margin-top:20px}
.brief-stage input[type=radio]+span{opacity:.72}
.brief-stage input[type=radio]:checked+span{opacity:1}
.paused .service-dialog[open],.reduced .service-dialog[open]{animation:none;clip-path:none}
html:not(.enhanced) .service-link{pointer-events:none}
html:not(.enhanced) .service-link span{display:none}
.masthead:before{display:none}
@media(max-width:760px){
 .service-link{transform:none;font-size:16px;margin-top:-12px}
 .service-content{width:88%;padding:22px 0 48px}
 .service-content>h2{font-size:clamp(2.5rem,12.5vw,4rem);margin:16px 0 30px}
 .service-layout{display:flex;flex-direction:column;gap:36px}
 .service-layout figure{width:100%}
 .service-layout img{height:260px}
 .service-layout figcaption{font-size:16px;margin-top:10px}
 .service-explanation>h3{font-size:28px;max-width:300px}
 .service-explanation>p:not(.scope-label):not(.scope-note),#service-scope li{font-size:16px}
 .scope-label{margin-top:26px}
 .service-pagination-nav{margin-top:38px}
 .service-pagination-nav button{font-size:16px}
 .scope-note{font-size:13px}
 .service-pagination{font-size:12px;letter-spacing:.03em}
}

/* Art-direction pass: lighter type, clearer hierarchy, fewer competing cues. */
:root{--navy:#09132f;--paper:#fffdeb;--cream:#fffdeb}
body{font-weight:400}
h1{font-weight:500;letter-spacing:-.035em}
.rotating-word b{font-weight:500;filter:blur(6px);transform:translateY(28%);transition:opacity .5s,filter .8s var(--ease),transform .9s var(--ease)}
.rotating-word b.current{filter:none;transform:none}
.introduction h2,.service-row ul,.showcase-heading,.showcase-image-title,.showcase-panel h3,.approach h2,.qualification-copy h2,.question-list summary,.contact h2,.menu-dialog>nav a,.brief-dialog h2,.service-content>h2{font-weight:500;letter-spacing:-.04em}
.principle-words{font-weight:500;letter-spacing:-.035em}
.logo{letter-spacing:-.018em;font-size:34px}
.hero-sectors,.hero-signature{font-size:clamp(.75rem,.6rem + .35vw,1rem)}
.hero-signature{left:8%;bottom:-4%}
.hero-composition{width:70%;left:15%}
.line-one>span{margin-left:20%}
.line-two>span{margin-left:25%}
.line-three>span{margin-left:15%}
.line-four>span{margin-left:33%}
.inline-film{width:11.8vw;height:4.05vw;margin-left:.03em}
.introduction p{font-weight:400;line-height:1.5;margin-top:28px}
.service-row ul{line-height:1.04}
.sector-caption{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0}
.sector-caption>span:first-child{visibility:hidden}
.sector-track{opacity:.5}
.showcase-details{font-size:clamp(.875rem,.75rem + .35vw,1.125rem);line-height:1.4}
.showcase-index img{filter:saturate(.8)}
.showcase-index button.active img{filter:none}
.showcase-cta{font-weight:500;letter-spacing:.02em}
.approach h2{left:39%}
.approach-kicker{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:0}
.contact h2{font-size:6.4vw;line-height:.95}
.contact h2 em{font-size:1.04em;line-height:.94}
.contact-pillars h3{font-weight:500}
.contact{background:var(--navy)}
.question-list details{margin-bottom:20px}
.question-list summary:after{font-size:16px}
[data-theme=dark]{--paper:#161c2c;--ink:#fffdeb;--line:#fffdeb30}
@media(max-width:760px){
 .logo{font-size:25px}
 .hero-composition{width:92%;left:4%}
 h1{font-size:10.5vw;letter-spacing:-.047em}
 .line-one>span,.line-two>span,.line-three>span,.line-four>span{margin-left:0}
 .line-three{padding-right:4%}
 .line-four{padding-right:1%}
 .inline-film{width:22vw;height:8.8vw}
 .hero-sectors{font-size:12px;top:-18%}
 .hero-signature{font-size:12px;left:0;bottom:-18%}
 .introduction h2{font-size:9.1vw;max-width:95%}
 .introduction p{margin-top:24px}
 .sector-caption{font-size:14px}
 .showcase-stage{padding-top:88px}
 .sector-caption>span:first-child{visibility:visible;font-family:var(--sans);font-style:normal;font-size:12px;letter-spacing:.025em}
 .approach h2{left:auto}
 .contact h2{font-size:15vw}
 .service-row ul{font-size:10.2vw;line-height:1.08}
}
.service-guide-link{margin:32px 0 0;font-size:14px;line-height:1.5}.service-guide-link a{color:inherit;text-underline-offset:5px}

/* Original supplied wordmark, not a font approximation. */
.logo img{display:block;width:240px;height:auto;max-width:none}
.dialog-masthead>span.logo{font-size:0;width:240px;height:35px;background:currentColor;mask:url('./assets/wordmark-light.webp') center/contain no-repeat;-webkit-mask:url('./assets/wordmark-light.webp') center/contain no-repeat}
.masthead.on-paper .logo img,.dialog-masthead .logo img{filter:brightness(0)}
[data-theme=dark] .masthead.on-paper .logo img,[data-theme=dark] .dialog-masthead .logo img{filter:none}
.sample-preview{padding:110px 8% 120px 23.125%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.sample-heading h2{font-size:clamp(40px,4.5vw,76px);line-height:1.02;font-weight:500;letter-spacing:-.045em;margin:28px 0}
.sample-label{font-size:11px;letter-spacing:.08em}
.sample-heading>p:not(.sample-label){font-size:17px;line-height:1.6;max-width:370px;font-weight:400;margin-bottom:30px}
.sample-heading .text-link{display:inline-block;line-height:1.6}
.sample-artifact{padding:34px;background:#ded8cb;color:#09132f;border-top:3px solid #a9282f}
.sample-disclosure{font-size:11px;line-height:1.5;letter-spacing:.035em;text-transform:uppercase}
.sample-artifact-number{display:block;font-family:var(--serif);font-style:italic;font-size:50px;line-height:1;margin:38px 0 20px;color:#a9282f}
.sample-artifact h3{font-size:clamp(26px,2.8vw,44px);font-weight:500;line-height:1.1;letter-spacing:-.03em}
.sample-artifact ol{padding:0;margin:30px 0;list-style:none}
.sample-artifact li{padding:17px 0;border-top:1px solid #09132f40}
.sample-artifact li>span{font-size:14px;font-weight:600}
.sample-artifact li p{font-size:13px;line-height:1.6;margin-top:7px;font-weight:400}
.sample-footnote{font-size:11px;line-height:1.5;font-weight:400}
[data-theme=dark] .sample-artifact{background:#263149;color:#f3eee5;border-color:#eb8e84}
[data-theme=dark] .sample-artifact-number{color:#eb8e84}
[data-theme=dark] .sample-artifact li{border-color:#f3eee540}
@media(max-width:760px){
 .logo img{width:170px}
 .dialog-masthead .logo img{width:145px}
 .dialog-masthead>span.logo{width:145px;height:22px}
 .sample-preview{padding:70px 6%;grid-template-columns:1fr;gap:40px}
 .sample-heading h2{font-size:45px}
 .sample-artifact{padding:28px}
 .sample-artifact h3{font-size:36px}
}
:root:not(.reading-scroll) .focus-reveal,:root:not(.reading-scroll) .service-row li,:root:not(.reading-scroll) .principle-words span,
.paused .focus-reveal,.paused .service-row li,.paused .principle-words span,
.reduced .focus-reveal,.reduced .service-row li,.reduced .principle-words span{filter:none!important;opacity:1!important}
.hero-composition{top:42%}
.hero-offer{position:absolute;left:50%;bottom:9.5%;transform:translateX(-50%);width:min(620px,84%);text-align:center}
.hero-offer p{font-size:16px;font-weight:400;line-height:1.55}
.hero-offer a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-top:12px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.scroll-cue{height:5vh}
.hero-signature{display:none}
.introduction{height:80svh;min-height:550px}
.showcase,.approach{height:210svh}
.principles{height:80svh;min-height:0}
.principles-stage{height:80svh;min-height:0;gap:40px;position:relative}
.qualification{height:150svh}
.menu-dialog>nav{padding-top:16vh;min-height:80vh}
.menu-dialog>nav a{font-size:6.4vw;line-height:1.04}
@media(max-width:760px){
 .hero{min-height:620px}
 .hero-composition{top:39%}
 .hero-offer{bottom:9%;width:88%}
 .hero-offer p{font-size:14px;line-height:1.5}
 .hero-offer a{font-size:13px;margin-top:9px}
 .masthead{gap:8px}
 .masthead .logo img{width:155px}
 .chat-link{white-space:nowrap;margin-right:0;font-size:11px;gap:6px}
 .menu-toggle{width:44px;min-width:44px;justify-content:center}
 .introduction{height:75svh;min-height:520px}
 .showcase,.approach,.qualification{height:auto}
 .principles,.principles-stage,.reduced .principles-stage{height:70svh;min-height:440px}
 .menu-dialog>nav{padding-top:16vh;min-height:78vh}
 .menu-dialog>nav a{font-size:15vw;line-height:1.14}
}
@media(max-width:350px){
 .masthead .logo img{width:140px}
 .masthead{padding-inline:12px;gap:5px}
 .chat-link{font-size:10px}
}
@media(max-height:600px) and (min-width:761px){
 .hero{min-height:700px}
 .hero-offer{bottom:8%}
}
.reduced .showcase,.reduced .approach,.reduced .qualification{height:auto}
.service-paths{display:flex;gap:16px 26px;flex-wrap:wrap;max-width:780px;margin-top:28px;font-size:14px;line-height:1.7}
.service-paths a{text-decoration:underline;text-underline-offset:5px}
.inline-film{background-image:url('./assets/portal-poster.webp')}
.contact-fallback{margin-top:24px}.contact-fallback summary{font-size:16px;cursor:pointer}.contact-fallback label{display:block;font-size:14px;margin-top:20px}.contact-fallback textarea{width:100%;display:block;resize:vertical;min-height:220px;font:inherit;font-size:16px;line-height:1.5;background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:16px;margin-top:12px}
.resource-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.resource-actions button{font-size:15px;border:1px solid currentColor;padding:12px;min-height:44px}.copy-status{font-size:13px;line-height:1.6;margin-top:15px}
@media(max-width:760px){.service-paths{display:grid;grid-template-columns:1fr;font-size:14px;gap:14px}}
.contact-bottom nav a,.contact-bottom nav button{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.brief-dialog .enquiry-source label{display:block;margin-block:18px 8px;font-size:14px}
.brief-dialog .enquiry-source select{display:block;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-size:16px}
.brief-dialog .enquiry-source select:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.brief-errors{border:2px solid var(--ink);padding:20px;margin-bottom:24px;overflow-wrap:anywhere}
.brief-errors h3{font-size:20px;margin-bottom:12px;letter-spacing:0}
.brief-errors ul{padding-left:20px;margin:0;display:grid;gap:12px;font-size:16px}
.brief-errors a{text-decoration:underline;text-underline-offset:4px}
.brief-field-error{font-size:16px;line-height:1.4;margin-top:-12px;margin-bottom:22px}
.brief-stage input[aria-invalid=true]{border-bottom:3px solid var(--ink)}
.dialog-masthead>span.logo{mask-image:image-set(url('./assets/wordmark-light-320.webp') 1x,url('./assets/wordmark-light-640.webp') 2x,url('./assets/wordmark-light.webp') 3x);-webkit-mask-image:image-set(url('./assets/wordmark-light-320.webp') 1x,url('./assets/wordmark-light-640.webp') 2x,url('./assets/wordmark-light.webp') 3x)}
.brief-delivery-options{margin-top:28px;border-top:1px solid var(--ink);padding-top:24px}
.brief-delivery-options h3{font-size:20px;letter-spacing:0;margin-bottom:18px}
.brief-delivery-options label{display:block;font-size:14px;margin-bottom:8px}
.brief-delivery-options input{display:block;width:100%;min-height:44px;font:inherit;font-size:16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:12px;margin-bottom:0}
.brief-delivery-options .resource-actions{gap:12px}
.brief-delivery-options .copy-status:empty{display:none}
#brief-review:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
#brief-review{max-height:none;overflow:visible}
.blank-brief{font-size:16px;border-bottom:1px solid var(--ink);padding:12px 0}