/* style.css */
@font-face{font-family:Bricolage;src:url('/assets/bricolage-bold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-medium-latin.9b7a5110c2f8.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-bold-latin.2de48e619d2a.woff2') format('woff2');font-weight:700 800;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/instrument-serif.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f4f7fc;--ink:#142635;--mist:#dfe8f7;--blue:#01448a;--ice:#9db9ef;--electric:#365ed4;--line:#14263530;--gutter:clamp(24px,4.2vw,80px);--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{padding:0;border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}p{line-height:1.6}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.06em;line-height:.98}img{max-width:100%;display:block}svg{display:block;width:24px;height:24px;flex-shrink:0}::selection{background:var(--blue);color:var(--ink)}:focus-visible{outline:2px solid currentColor;outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.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-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--blue);padding:15px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:fixed;top:25px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;mix-blend-mode:difference;z-index:20;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-family:Bricolage,sans-serif;font-weight:800;font-size:42px;letter-spacing:-.085em;display:flex;align-items:center;gap:16px;line-height:1}.wordmark>span{font-family:Manrope,sans-serif;font-size:10px;letter-spacing:-.02em;line-height:1.25;max-width:65px;font-weight:500}.main-nav{display:flex;gap:30px;margin-left:auto;margin-right:40px;font-size:12px}.main-nav a{padding:10px 0;position:relative}.main-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.main-nav a:hover:after{transform:scaleX(1)}.nav-contact{display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffffa0;padding:10px 0;font-size:12px}.nav-contact svg{width:16px;height:16px;transition:transform .3s}.nav-contact:hover svg{transform:translate(3px,-3px)}.menu-toggle{display:none}.mobile-menu{position:fixed;inset:0;z-index:19;padding:150px 24px 40px;background:var(--mist);display:flex;justify-content:space-between;flex-direction:column}.mobile-menu nav{display:flex;flex-direction:column;gap:24px;align-items:start}.mobile-menu a,.mobile-menu nav>button{font-family:Bricolage,sans-serif;font-weight:800;font-size:46px;letter-spacing:-.06em}.mobile-menu nav>button{display:flex;align-items:center;gap:25px}.mobile-menu p{font-size:13px}
.experiments-heading{padding-top:90px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.experiments-heading .section-kicker{grid-column:1/-1}.experiments-heading h2{font-size:clamp(48px,5.8vw,94px);line-height:1.02}.experiments-heading>p{align-self:end;justify-self:end;font-size:12px;line-height:1.75;max-width:290px;padding-bottom:6px}.experiment{position:relative;--scene:0}.experiment-lisiere{height:160svh;background:var(--ink)}.experiment-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;color:var(--paper);isolation:isolate}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.15 - var(--scene)*.15));will-change:transform}.scene-shade{position:absolute;inset:0;background:linear-gradient(#10291c20,#10291c08 40%,#10291c70);pointer-events:none}.scene-shutter{position:absolute;inset:0 auto 0 0;width:26%;background:var(--ink);transform:translateX(calc(var(--scene)*-110%));z-index:2;will-change:transform}.shutter-right{left:auto;right:0;transform:translateX(calc(var(--scene)*110%))}.scene-top{position:absolute;left:var(--gutter);right:var(--gutter);top:125px;display:flex;justify-content:space-between;font-size:11px;z-index:3}.scene-top>span:last-child{font-size:10px;opacity:.8}.lisiere-title{position:absolute;z-index:3;inset:28% 10% auto;text-align:center;transform:translateY(calc(var(--scene)*-24px))}.lisiere-title>p{font-size:13px;margin-bottom:22px}.lisiere-title h3{font-family:Instrument,Georgia,serif;font-weight:400;font-size:clamp(88px,11.5vw,180px);letter-spacing:-.04em;line-height:.82}.lisiere-title h3>span{font-family:Instrument,Georgia,serif;display:inline-block;transform:rotate(10deg);padding-left:12px}.scene-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:54px;display:flex;align-items:end;justify-content:space-between;z-index:3;gap:28px}.scene-name{font:400 56px/1 Instrument,Georgia,serif;letter-spacing:-.04em}.scene-bottom p{font-size:11px;margin-top:8px;line-height:1.7}.scene-button{display:flex;align-items:center;gap:25px;font-size:12px;text-align:left}.scene-button-icon{width:62px;height:62px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;transition:color .3s,background .3s,transform .3s}.scene-button-icon svg{width:22px;height:22px}.scene-button:hover .scene-button-icon{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.scene-scroll{position:absolute;left:50%;bottom:64px;width:1px;height:50px;background:#ffffff40;overflow:hidden;z-index:3}.scene-scroll span{display:block;width:100%;height:100%;background:var(--paper);transform:translateY(calc(-100% + var(--scene)*100%))}.experiment-note{padding-top:30px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:40px;align-items:start;background:var(--paper)}.experiment-note>span:first-child{font-family:Bricolage,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.04em;line-height:1.15}.experiment-note>p{font-size:11px;color:#5e665a;line-height:1.8}.note-tag{font-size:9px;padding:7px 11px;border:1px solid var(--line);border-radius:40px;white-space:nowrap}.experiment-matiere{height:150svh;background:#b92f20}.experiment-matiere .scene-image{object-position:60% center;transform:scale(1.12) translateX(calc((var(--scene) - .5)*3%))}.experiment-matiere .scene-top,.experiment-matiere .scene-bottom{color:#f6e7ac}.matiere-type{position:absolute;inset:22% -10% auto;font-family:Bricolage,sans-serif;font-weight:800;font-size:clamp(100px,19vw,310px);letter-spacing:-.08em;line-height:.84;color:#f8eec8;mix-blend-mode:screen;pointer-events:none}.matiere-type>span{display:block;white-space:nowrap;will-change:transform}.matiere-type>span:first-child{transform:translateX(calc(-6% + var(--scene)*15%))}.matiere-type>span:last-child{transform:translateX(calc(15% - var(--scene)*17%));font-size:.71em;padding-top:14px}.matiere-stamp{position:absolute;right:10%;top:54%;width:135px;height:150px;background:var(--mist);color:var(--ink);padding:16px;font-size:12px;line-height:1.25;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(calc(14deg - var(--scene)*25deg));box-shadow:0 8px 14px #56211520}.matiere-stamp svg{width:55px;height:55px;align-self:end}.matiere-stamp path{fill:none;stroke:var(--ink);stroke-width:3}.experiment-matiere .scene-bottom>p{font-size:14px}.experiment-matiere .scene-button-icon{border-color:#f6e7ac80}
.expertise{padding-top:100px;padding-bottom:130px;background:var(--mist)}.expertise-top{display:grid;grid-template-columns:1fr 1fr;gap:38px}.expertise-top .section-kicker{grid-column:1/-1}.expertise-top h2{font-size:clamp(65px,9vw,145px);line-height:.94}.expertise-top>p{align-self:end;justify-self:end;font-size:14px;line-height:1.7;padding-bottom:8px}.expertise-workbench{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-top:75px;align-items:start}.expertise-art{aspect-ratio:1.08;position:relative;overflow:hidden;background:var(--ink);color:var(--paper)}.expertise-art>div{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .4s,transform .6s var(--ease),visibility .4s}.expertise-art[data-discipline=design] .discipline-design,.expertise-art[data-discipline=code] .discipline-code,.expertise-art[data-discipline=ai] .discipline-ai,.expertise-art[data-discipline=growth] .discipline-growth{opacity:1;visibility:visible;transform:none}.expertise-art b{position:absolute;bottom:28px;left:30px;font:800 clamp(24px,3vw,48px)/1.05 Manrope,sans-serif;letter-spacing:-.05em;font-weight:700;z-index:2}.discipline-design>span{font:800 clamp(100px,18vw,290px)/1 Bricolage,sans-serif;letter-spacing:-.12em;position:absolute;top:5%;left:7%;transform:rotate(-10deg);color:var(--blue);z-index:1}.discipline-design>i{position:absolute;width:38%;height:65%;top:-4%;right:10%;background:var(--mist);transform:rotate(28deg);mix-blend-mode:screen}.discipline-code{background:#01448a}.code-window{position:absolute;left:12%;right:12%;top:12%;height:52%;background:var(--paper);padding:15px;transform:rotate(-6deg);box-shadow:10px 14px 0 #01448a}.code-window>span{display:inline-block;width:5px;height:5px;background:var(--ink);border-radius:50%;margin-right:3px}.code-layout{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:calc(100% - 27px);margin-top:10px}.code-layout i{display:block;background:var(--mist)}.code-layout i:first-child{grid-row:span 2;background:var(--ink)}.code-layout i:nth-child(3){background:var(--blue)}.code-layout i:nth-child(4){display:none}.discipline-ai{background:var(--blue)}.ai-paths{position:absolute;inset:10% 12% 34%}.ai-paths>span{position:absolute;left:calc(50% - 48px);top:calc(50% - 48px);width:96px;height:96px;background:var(--ink);color:var(--mist);border-radius:50%;display:grid;place-items:center;font-size:82px;line-height:1;z-index:1}.ai-paths>i{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--ink)}.ai-paths>i:nth-child(2){transform:rotate(45deg)}.ai-paths>i:nth-child(3){transform:rotate(90deg)}.ai-paths>i:nth-child(4){transform:rotate(135deg)}.ai-paths>i:before,.ai-paths>i:after{content:'';position:absolute;width:15px;height:15px;top:-7px;background:var(--ink);border-radius:50%}.ai-paths>i:before{left:0}.ai-paths>i:after{right:0}.discipline-ai>b{color:var(--ink)}.discipline-growth{background:#142635}.growth-bars{position:absolute;left:12%;right:12%;top:12%;height:50%;display:flex;gap:10px;align-items:end}.growth-bars>i{background:var(--mist);flex:1;height:25%;transform:scaleY(.2);transform-origin:bottom;transition:transform .8s var(--ease)}.growth-bars>i:nth-child(2){height:42%;transition-delay:.08s}.growth-bars>i:nth-child(3){height:60%;background:var(--blue);transition-delay:.16s}.growth-bars>i:nth-child(4){height:78%;transition-delay:.24s}.growth-bars>i:nth-child(5){height:100%;transition-delay:.32s}.expertise-art[data-discipline=growth] .growth-bars>i{transform:scaleY(1)}.services{padding-top:0}details{border-bottom:1px solid #14263550}details:first-child{border-top:1px solid #14263550}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:27px 0;font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(22px,2.2vw,34px);letter-spacing:-.045em;line-height:1.1}summary::-webkit-details-marker{display:none}summary svg{width:19px;height:19px;transition:transform .3s}details[open] summary svg{transform:rotate(45deg)}details>div{padding:0 22px 27px 0}details p{font-size:12px;line-height:1.85;max-width:410px}details ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 0;padding:0}details li{font-size:9px;border:1px solid #14263550;padding:6px 9px;border-radius:30px}
.contact{background:var(--blue);padding-top:52px;padding-bottom:45px;overflow:hidden}.contact-top{display:flex;align-items:start;justify-content:space-between;font-size:12px}.contact-top>span{font-size:11px}.contact h2{margin:55px 0 65px;font-size:clamp(84px,12.5vw,220px);line-height:.88;letter-spacing:-.075em}.contact h2>button{position:relative;text-align:left;width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;padding-right:15%}.contact h2>button>span:not(.contact-arrow):not(.contact-question){position:relative;white-space:nowrap}.contact h2>button>span>svg{position:absolute;bottom:-6px;left:0;width:100%;height:18px;overflow:visible;transform:scaleX(.97);transform-origin:left;transition:transform .6s var(--ease)}.contact h2>button:hover>span>svg{transform:scaleX(1.05) rotate(-2deg)}.contact h2>button>span:not(.contact-arrow)>svg path{stroke:var(--ink);stroke-width:5;fill:none;stroke-linecap:round}.contact-question{display:inline-block;margin-left:4px}.contact-arrow{position:absolute;right:0;bottom:3%;width:13%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #14263580;border-radius:50%;transition:background .3s,color .3s,transform .5s var(--ease)}.contact-arrow>svg{position:static!important;width:45%!important;height:45%!important;transform:none!important}.contact h2>button:hover .contact-arrow{background:var(--ink);color:var(--blue);transform:rotate(45deg)}.contact-bottom{padding-top:25px;border-top:1px solid #14263550;display:flex;align-items:end;justify-content:space-between;gap:40px}.contact-bottom>p{font-size:11px}.contact-bottom>button{display:flex;align-items:center;gap:45px;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:10px}.contact-bottom>button svg{width:19px;height:19px}.site-footer{padding:35px var(--gutter);display:flex;align-items:center;gap:9%;background:var(--ink);color:var(--paper)}.footer-logo{font:800 56px/.9 Bricolage,sans-serif;letter-spacing:-.09em}.site-footer>p{font-size:10px;line-height:1.6;color:#afbdd0}.site-footer>div{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-items:start;font-size:9px}.site-footer>div>button{font-size:9px;color:#afbdd0;text-decoration:underline;text-underline-offset:4px}.back-top{padding:10px;font-size:24px}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 22px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(100% - 40px,1000px);max-height:92svh;overscroll-behavior:contain;scrollbar-width:thin}dialog[open]{animation:dialog-in .5s var(--ease)}dialog::backdrop{background:#142635cc;backdrop-filter:blur(9px)}@keyframes dialog-in{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}.dialog-close{position:sticky;float:right;top:18px;margin:18px 18px -58px 0;z-index:5;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-size:18px}.dialog-close:hover{background:var(--blue)}.project-dialog{width:min(100% - 40px,1160px)}.experience-hero{position:relative;height:65svh;min-height:450px;max-height:720px;overflow:hidden;background:var(--ink);color:var(--paper)}.experience-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter 1s,transform 1.2s var(--ease)}.experience-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#14263560)}.experience-type{position:absolute;z-index:1;left:6%;right:6%;bottom:10%}.experience-type p{font-size:10px;margin-bottom:22px}.experience-type h2{font:400 clamp(85px,13vw,170px)/.85 Instrument,Georgia,serif;letter-spacing:-.05em}.experience-type>span{display:block;font-size:13px;margin-top:24px}.experience-body{padding:42px 6% 50px;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.experience-body>div>p:first-child{font-size:11px;margin-bottom:20px;color:#526477}.experience-body h3{font-size:39px;line-height:1.04}.experience-body>div>p:not(:first-child){font-size:12px;color:#526477;line-height:1.75}.experience-controls{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.experience-controls button{border:1px solid #94a5b8;border-radius:30px;padding:9px 14px;font-size:10px}.experience-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.experience-description{min-height:85px}.experience-note{font-size:10px!important;padding-top:20px;margin-top:22px;border-top:1px solid var(--line)}.text-link{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;padding-bottom:10px;font-size:12px;text-align:left}.text-link svg{width:17px;height:17px}.matiere-theme .experience-type h2{font:800 clamp(75px,12vw,160px)/.9 Bricolage,sans-serif;letter-spacing:-.075em;color:#f8eec8}.matiere-theme .experience-type{bottom:auto;top:25%}.matiere-theme.warm img{filter:hue-rotate(-18deg) saturate(.75)}.matiere-theme.pink img{filter:hue-rotate(322deg) saturate(.65)}.lisiere-theme.night img{filter:brightness(.42) saturate(.7)}
.brief-dialog{width:min(100% - 32px,780px);padding:45px clamp(24px,6vw,70px) 50px}.brief-dialog .dialog-close,.legal-dialog .dialog-close{margin-top:0;margin-right:0}.brief-header>p:first-of-type{font-size:11px;margin-top:18px}.brief-header h2{font-size:clamp(42px,6vw,65px);line-height:1;margin:23px 0}.brief-header>p:last-child{font-size:12px;color:#526477;max-width:340px}#brief-form{margin-top:35px}fieldset{border:0;margin:0 0 25px;padding:0}legend{font-size:11px;margin-bottom:13px}.choice-group{display:flex;gap:8px;flex-wrap:wrap}.choice-group label{position:relative}.choice-group input{opacity:0;position:absolute;width:1px;height:1px}.choice-group label>span{display:block;border:1px solid #94a5b8;border-radius:30px;padding:9px 14px;font-size:10px;cursor:pointer}.choice-group input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.choice-group input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}#brief-form label:not(.choice-group label){display:flex;flex-direction:column;gap:10px;font-size:11px;margin-bottom:24px}input[type=text],input[type=email],textarea,select{border:0;border-bottom:1px solid #94a5b8;padding:10px 0;font-size:12px;background:transparent;color:var(--ink);width:100%;border-radius:0}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#64768a;opacity:1}select{min-height:41px}.form-notice{font-size:10px;color:#526477;margin:8px 0 22px}.submit-brief{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:19px 22px;background:var(--ink);color:var(--paper);font-size:12px}.submit-brief:hover{background:var(--ink)}.submit-brief svg{width:18px;height:18px}.brief-success{padding-top:35px}.success-mark{font-size:30px}.brief-success h3{font-size:52px;line-height:1;margin:18px 0 24px}.brief-success>p{font-size:13px;color:#526477;margin-bottom:30px}.brief-success .text-link{width:100%;margin-top:24px}.edit-brief{font-size:11px;color:#526477;margin-top:24px;text-decoration:underline;text-underline-offset:4px}.legal-dialog{width:min(100% - 32px,650px);padding:50px clamp(24px,6vw,65px)}.legal-dialog h2{font-size:48px;line-height:1.02;margin:15px 0 28px}.legal-dialog p{font-size:12px;line-height:1.75;color:#526477;margin-bottom:20px}.legal-dialog .text-link{margin-top:25px}
@media(min-width:1700px){.opening-sticky{padding-top:135px}.opening-bottom{padding-top:35px;padding-bottom:30px}.opening-foot{padding-top:20px}.opening-meta{margin-bottom:30px}}
@media(max-width:1100px){.wordmark>span{display:none}.main-nav{gap:24px;margin-right:15px}.opening-sticky{min-height:720px}.opening-bottom{padding-top:22px}.opening h1{font-size:32px}.hold-button{padding:13px 18px;min-width:210px;font-size:11px}.manifesto-bottom{gap:6%;grid-template-columns:1fr 1fr 65px}.experiment-note{grid-template-columns:1fr 1.3fr;gap:25px}.note-tag{display:none}.expertise-workbench{gap:7%}.expertise-top>p{font-size:12px}.contact h2{font-size:13vw}}
@media(max-width:760px){:root{--gutter:22px}html{scroll-padding-top:85px}.site-header{top:22px;gap:20px}.wordmark{font-size:36px}.main-nav{display:none}.nav-contact{margin-left:auto;font-size:10px;gap:13px;padding:7px 0}.nav-contact svg{width:14px;height:14px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;width:25px;height:30px}.menu-toggle span{height:1px;width:24px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.opening{height:auto}.opening-sticky{position:relative;height:auto;min-height:100svh;padding-top:102px;padding-bottom:20px}.opening-meta{font-size:9px;margin-bottom:20px}.opening-meta>p:last-child{display:none}.composition-frame{flex:none;height:clamp(330px,48svh,490px);min-height:0;max-height:none;transform:none!important}.composition-fallback{font-size:40vw}.artwork-caption{font-size:6px;bottom:12px;left:12px;max-width:80%;padding:4px 6px}.corner-a{left:-5px;top:-5px;width:10px;height:10px}.corner-b{right:-5px;bottom:-5px;width:10px;height:10px}.opening-bottom{display:block;padding:23px 0 19px;transform:none!important}.opening h1{font-size:31px;line-height:1.05}.composition-tools{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:23px;gap:13px}.hold-button{min-width:0;font-size:10px;padding:11px 15px;gap:10px}.hold-icon{font-size:22px}.composition-tools>p{font-size:8px;margin:0;max-width:90px;line-height:1.5}.opening-foot{margin-top:auto;font-size:8px;padding-top:12px}.opening-foot>span{margin-left:0;margin-right:0;font-size:7px}.scroll-invitation{gap:8px;font-size:8px}.scroll-invitation svg{width:12px;height:12px}.motion-toggle{font-size:8px;gap:6px}.motion-toggle>span{font-size:7px;padding:1px 5px}.manifesto{padding-top:80px;padding-bottom:70px}.section-kicker{font-size:9px;gap:10px}.small-mark{font-size:24px}.manifesto-title{font-size:clamp(40px,9.8vw,68px);margin-top:35px;line-height:1.07}.manifesto-title>span{transform:none!important}.template-word svg{height:30%;top:40%}.template-word path{stroke-width:9}.manifesto-bottom{grid-template-columns:1fr 60px;gap:26px;margin-top:35px}.manifesto-claim{font-size:29px}.manifesto-bottom>div{grid-column:1/-1;grid-row:2}.manifesto-bottom>div>p{font-size:12px;line-height:1.85}.round-link{width:50px;height:50px}.round-link svg{width:20px;height:20px}.experiments-heading{padding-top:45px;padding-bottom:40px;grid-template-columns:1fr;gap:24px}.experiments-heading h2{font-size:48px}.experiments-heading>p{justify-self:start;font-size:10px;line-height:1.7;max-width:none}.experiment-lisiere,.experiment-matiere{height:auto}.experiment-stage{position:relative;height:86svh;min-height:570px;max-height:820px}.scene-shutter{display:none}.scene-image{transform:scale(1.04)!important}.scene-top{top:32px;font-size:11px}.scene-top>span:last-child{font-size:8px;max-width:125px;text-align:right;line-height:1.4}.lisiere-title{inset:28% 3% auto;transform:none!important}.lisiere-title>p{font-size:11px;margin-bottom:24px}.lisiere-title h3{font-size:clamp(84px,21vw,140px);line-height:.85}.lisiere-title h3>span{padding-left:5px}.scene-bottom{bottom:28px;align-items:end;gap:25px}.scene-name{font-size:40px}.scene-bottom p{font-size:9px;margin-top:8px}.scene-button{gap:11px;font-size:9px;max-width:165px;line-height:1.4}.scene-button-icon{width:45px;height:45px;flex-shrink:0}.scene-button-icon svg{width:17px;height:17px}.scene-scroll{display:none}.experiment-note{padding-top:24px;padding-bottom:40px;grid-template-columns:1fr;gap:16px}.experiment-note>span:first-child{font-size:23px;max-width:290px}.experiment-note>p{font-size:10px;line-height:1.8}.experiment-note br{display:none}.matiere-type{top:28%;left:-5%;right:-5%;font-size:34vw;line-height:.9}.matiere-type>span:first-child{transform:translateX(calc(-4% + var(--scene)*7%))}.matiere-type>span:last-child{font-size:.72em;padding-top:8px;transform:translateX(calc(4% - var(--scene)*7%))}.matiere-stamp{width:88px;height:103px;padding:11px;font-size:9px;top:55%;right:10%}.matiere-stamp svg{width:38px;height:38px}.experiment-matiere .scene-bottom>p{font-size:10px}.expertise{padding-top:65px;padding-bottom:65px}.expertise-top{grid-template-columns:1fr;gap:25px}.expertise-top h2{font-size:70px}.expertise-top>p{justify-self:start;font-size:11px;padding:0}.expertise-workbench{grid-template-columns:1fr;gap:30px;margin-top:35px}.expertise-art{aspect-ratio:1.3}.expertise-art b{font-size:34px;bottom:22px;left:24px}.discipline-design>span{font-size:200px;top:-1%}.code-window{height:47%;top:10%;box-shadow:7px 10px 0 var(--blue)}.discipline-ai .ai-paths{inset:7% 17% 37%}.ai-paths>span{width:76px;height:76px;left:calc(50% - 38px);top:calc(50% - 38px);font-size:64px}.ai-paths>i:before,.ai-paths>i:after{width:12px;height:12px;top:-5px}.growth-bars{height:43%;top:10%}summary{font-size:25px;padding:23px 0}details>div{padding-right:10px;padding-bottom:25px}details p{font-size:11px}details li{font-size:8px}.contact{padding-top:35px;padding-bottom:30px}.contact-top{font-size:10px}.contact-top>span{font-size:9px}.contact h2{font-size:14.6vw;margin:45px 0 45px;line-height:.92}.contact h2>button{padding-right:0}.contact h2>button>span>svg{bottom:-5px;height:11px}.contact-arrow{width:14%;bottom:5%;right:0;transform:translateY(-115%)}.contact h2>button:hover .contact-arrow{transform:translateY(-115%) rotate(45deg)}.contact-bottom{display:block;padding-top:22px}.contact-bottom>p{font-size:10px}.contact-bottom>button{font-size:11px;justify-content:space-between;width:100%;margin-top:25px}.site-footer{padding:30px var(--gutter);gap:25px;flex-wrap:wrap}.footer-logo{font-size:48px}.site-footer>p{font-size:9px;margin-left:auto}.site-footer>div{margin-left:0;font-size:8px}.site-footer>div>button{font-size:8px}.back-top{margin-left:auto;font-size:22px}.toast{font-size:11px;width:max-content;max-width:85%}dialog{max-height:94svh}.project-dialog{width:calc(100% - 20px)}.dialog-close{top:13px;margin:13px 13px -48px 0;width:35px;height:35px;font-size:16px}.experience-hero{height:62svh;min-height:420px}.experience-type h2{font-size:100px}.experience-type p{font-size:9px}.experience-type>span{font-size:11px}.experience-body{grid-template-columns:1fr;gap:25px;padding-top:30px}.experience-body h3{font-size:36px}.experience-body>div>p:first-child{font-size:11px}.experience-body>div>p:not(:first-child){font-size:11px}.experience-description{min-height:85px}.experience-controls{gap:7px;margin:18px 0}.experience-controls button{font-size:9px;padding:8px 12px}.matiere-theme .experience-type h2{font-size:84px}.brief-dialog{padding-top:35px}.brief-header h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}.brief-success h3{font-size:45px}.legal-dialog{padding-top:38px}.legal-dialog h2{font-size:42px}.legal-dialog p{font-size:11px}}
@media(max-width:370px){:root{--gutter:18px}.opening-sticky{padding-top:98px}.composition-frame{height:340px}.opening h1{font-size:28px}.composition-tools{gap:10px}.hold-button{font-size:9px;padding:10px 13px;gap:9px}.composition-tools>p{font-size:7px;max-width:75px}.opening-foot>span{font-size:6px}.manifesto-title{font-size:36px}.experiments-heading h2{font-size:43px}.expertise-top h2{font-size:64px}summary{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.opening{height:auto}.opening-sticky{position:relative}.composition-frame,.manifesto-title>span,.scene-image,.lisiere-title,.matiere-type>span,.matiere-stamp{transform:none!important}.template-word svg{transform:none}.experiment{height:auto}.experiment-stage{position:relative}.scene-shutter{display:none}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .opening{height:auto}html[data-motion=off] .opening-sticky{position:relative}html[data-motion=off] .experiment{height:auto}html[data-motion=off] .experiment-stage{position:relative}html[data-motion=off] .scene-shutter{display:none}html[data-motion=off] .composition-frame,html[data-motion=off] .scene-image,html[data-motion=off] .manifesto-title>span,html[data-motion=off] .matiere-type>span,html[data-motion=off] .matiere-stamp{transform:none!important}html[data-motion=off] .template-word svg{transform:none}
/* Keep navigation legible when it passes across photography. */
.site-header{mix-blend-mode:normal;color:var(--ink);transition:background .25s,padding .25s,top .25s}
.site-header.scrolled{background:rgba(233,236,232,.96);backdrop-filter:blur(12px);padding:12px 18px;top:14px;border-radius:3px}
.nav-contact{border-color:var(--line)}
@media(min-width:761px){.experiments-heading,.expertise-top{grid-template-columns:1.8fr 1fr}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
html[data-motion=off] .lisiere-title{transform:none!important}
@media(max-width:760px){.site-header.scrolled{padding:10px 13px;left:12px;right:12px;top:10px}}
.contact-arrow{width:clamp(70px,11.5vw,180px);height:clamp(70px,11.5vw,180px);aspect-ratio:auto}
.contact h2>button>span:not(.contact-arrow):not(.contact-question){margin-left:.12em}
@media(max-width:760px){.contact-arrow{width:12vw;height:12vw}}

/* ENOX / Croisements — the supplied identity, expressed through movement. */
:root{--gutter:clamp(24px,4.8vw,90px);--paper:#f4f7fc;--ink:#142635;--blue:#01448a;--mist:#dfe8f7;--ice:#9db9ef;--electric:#365ed4;--line:#14263530}
body{background:var(--paper)}
h1,h2,h3{letter-spacing:-.065em;font-weight:700}
.site-header{top:30px;gap:34px;color:var(--ink);mix-blend-mode:normal}
.site-header.scrolled{top:12px;background:rgba(244,247,252,.97);padding:14px 18px;border-radius:0;backdrop-filter:blur(14px)}
.wordmark{gap:18px;font-size:inherit;letter-spacing:0}
.wordmark img{display:block;width:128px;height:auto}
.wordmark>span{display:block;max-width:none;font-size:10px;line-height:1.4;letter-spacing:0;font-weight:500}
.main-nav{font-size:12px;gap:32px;margin-right:40px}
.main-nav a,.nav-contact{min-height:44px;display:flex;align-items:center}
.nav-contact{font-size:12px;gap:32px;border-color:var(--line)}
.menu-toggle{min-width:36px;min-height:40px}
.mobile-menu{background:var(--paper)}
.mobile-menu a,.mobile-menu nav>button{font-family:Manrope,sans-serif;font-weight:700;font-size:43px}
.mobile-menu>p{color:#526477}
.opening{height:calc(100svh + 320px);min-height:1080px;position:relative;--unfold:0}
.opening-sticky{position:sticky;top:0;min-height:760px;height:100svh;display:flex;flex-direction:column;padding:137px var(--gutter) 25px;overflow:hidden}
.opening-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:20px;color:var(--ink)}
.opening-meta>p:last-child{display:flex;align-items:center;gap:12px;font-size:11px}
.opening-meta>p>span{color:var(--blue);font-size:16px}
.opening-content{display:grid;grid-template-columns:1.02fr 1fr;gap:1%;flex:1;min-height:0;align-items:center}
.hero-copy{z-index:2;align-self:center;padding-bottom:8px;transform:translateY(calc(var(--unfold)*-28px))}
.hero-copy h1{font-size:clamp(65px,6.8vw,116px);line-height:1.035;letter-spacing:-.079em;font-weight:700}
.hero-copy>p{font-size:clamp(13px,1.05vw,16px);line-height:1.7;margin-top:36px;letter-spacing:-.018em;color:#526477;max-width:360px}
.hero-art{height:100%;max-height:680px;min-height:440px;display:flex;flex-direction:column;justify-content:center;position:relative}
.composition-frame{position:relative;width:100%;flex:1;min-height:330px;max-height:590px;background:var(--paper);transform:none;overflow:visible}
.composition-frame canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .35s}
.composition-frame.loaded canvas{opacity:1}
.composition-fallback{position:absolute;inset:3%;display:grid;place-items:center}
.composition-fallback img{width:90%;height:100%;object-fit:contain}
.loaded .composition-fallback{visibility:hidden}
.composition-tools{display:flex;justify-content:center;align-items:center;gap:22px;position:relative;z-index:2;padding:17px 0 22px;text-align:left}
.hold-button{display:flex;align-items:center;justify-content:center;gap:17px;padding:16px 20px;min-height:52px;min-width:210px;border:1px solid #14263580;border-radius:0;position:relative;isolation:isolate;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;background:var(--paper);font-size:11px;color:var(--ink)}
.hold-button>span:not(.hold-progress){position:relative;z-index:1}
.hold-progress{position:absolute;inset:0;background:var(--mist);transform:translateX(-100%);transition:transform .8s cubic-bezier(.2,0,.2,1)}
.hold-button.is-pressing .hold-progress{transform:translateX(0)}
.hold-icon{position:relative;display:block;width:20px;height:20px;flex-shrink:0}
.hold-icon i{display:block;position:absolute;left:0;top:9px;width:20px;height:2px;background:var(--blue);transform:rotate(-48deg);transition:transform .6s var(--ease)}
.hold-icon i:last-child{background:var(--ink);transform:rotate(48deg)}
.hold-button:hover .hold-icon i:first-child{transform:rotate(-48deg) translateY(-2px)}
.hold-button:hover .hold-icon i:last-child{transform:rotate(48deg) translateY(2px)}
.hold-button.is-pressing .hold-icon i:first-child{transform:rotate(-48deg) translateX(4px)}
.hold-button.is-pressing .hold-icon i:last-child{transform:rotate(48deg) translateX(-4px)}
.composition-tools>p{font-size:9px;line-height:1.5;margin:0;color:#526477}
.opening-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:18px}
.scroll-invitation{display:flex;align-items:center;gap:40px;min-height:30px}
.scroll-invitation svg{width:16px;height:16px}
.opening-foot>span{margin-left:auto;margin-right:36px;font-size:9px;color:#526477}
.motion-toggle{display:flex;gap:8px;align-items:center;font-size:9px;min-height:30px}
.motion-toggle>span{font-size:8px;border:1px solid var(--line);border-radius:20px;padding:2px 6px}
.motion-toggle[aria-pressed=true]>span{background:var(--ink);color:var(--paper)}
.section-kicker{display:flex;gap:12px;align-items:center;font-size:11px}
.small-mark{width:18px;height:2px;background:var(--blue);transform:rotate(-45deg);display:inline-block;flex-shrink:0}
.manifesto{padding-top:140px;padding-bottom:140px;overflow:hidden;--read:0}
.manifesto-title{font-size:clamp(58px,7.5vw,125px);line-height:1.12;letter-spacing:-.07em;margin-top:48px;font-weight:500}
.manifesto-title>span{display:block;transform:translateX(calc((1 - var(--read))*45px));will-change:transform}
.manifesto-title>span:nth-child(2){transform:translateX(calc((1 - var(--read))*-45px))}
.manifesto-title>span:last-child{transform:translateX(calc((1 - var(--read))*75px))}
.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr 64px;gap:8%;margin-top:65px;align-items:start}
.manifesto-claim{font-size:clamp(25px,2.6vw,42px);font-weight:500;letter-spacing:-.055em;line-height:1.2}
.manifesto-bottom>div>p{font-size:13px;color:#526477;line-height:1.9;max-width:440px}
.manifesto-bottom>div>p+p{margin-top:20px}
.round-link{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .3s,color .3s}
.round-link:hover{background:var(--blue);color:#fff}
.experiments-heading{grid-template-columns:1.6fr 1fr;padding-top:30px;padding-bottom:65px}
.experiments-heading h2{font-size:clamp(60px,7.2vw,118px);line-height:1.04}
.experiments-heading>p{font-size:12px;line-height:1.75}
.experiment{--aperture:0;--notch:34%;--far-notch:66%;height:165svh}
.experiment-stage{background:var(--ink);isolation:isolate}
.scene-window{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,23% 0,50% var(--notch),77% 0,100% 0,var(--far-notch) 50%,100% 100%,77% 100%,50% var(--far-notch),23% 100%,0 100%,var(--notch) 50%);will-change:clip-path}
.scene-window .scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.13 - var(--aperture)*.13));will-change:transform}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14263518 20%,#14263500 45%,#14263550 100%)}
.scene-shutter{display:none}
.lisiere-title{transform:translateY(calc((1 - var(--aperture))*25px));opacity:calc(.5 + var(--aperture)*.5)}
.scene-top{top:125px;font-size:12px}
.scene-top>span:last-child{font-size:10px}
.scene-bottom{bottom:48px}
.scene-button{font-size:12px;gap:24px}
.scene-button-icon{min-width:56px;min-height:56px}
.scene-scroll{display:none}
.experiment-note{padding-top:30px;padding-bottom:65px}
.experiment-note>span:first-child{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.04em;font-size:25px}
.experiment-note>p{font-size:12px;color:#526477}
.note-tag{font-size:9px;border-color:var(--line)}
.matiere-stamp{background:var(--paper);color:var(--blue);font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.02em;padding:19px;display:flex;flex-direction:column;justify-content:space-between;width:134px;height:156px}
.matiere-stamp>span{align-self:end;font-size:52px;font-weight:400;line-height:1}
.expertise{background:var(--mist);padding-top:105px;padding-bottom:125px}
.expertise-top{grid-template-columns:1.6fr 1fr}
.expertise-top h2{font-size:clamp(70px,8vw,130px);line-height:1.02}
.expertise-top>p{font-size:13px}
.expertise-workbench{margin-top:68px;gap:10%}
.expertise-art{aspect-ratio:1.08}
.expertise-art>div{transform:translate(-28px,28px);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .7s var(--ease),opacity .5s,transform .7s var(--ease),visibility .7s}
.expertise-art[data-discipline=design] .discipline-design,.expertise-art[data-discipline=code] .discipline-code,.expertise-art[data-discipline=ai] .discipline-ai,.expertise-art[data-discipline=growth] .discipline-growth{transform:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.expertise-art b{font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(25px,2.6vw,42px);line-height:1.14;letter-spacing:-.05em}
.discipline-design>span{font-family:Manrope,sans-serif;color:var(--ice);font-weight:500}
.discipline-design>i{background:var(--blue);mix-blend-mode:screen;transform:rotate(41deg);right:16%}
.discipline-ai{background:var(--blue);color:var(--paper)}
.discipline-ai>b{color:var(--paper)}
.ai-paths>span{color:var(--paper);background:var(--ink)}
.ai-paths>span svg{width:56%;height:56%}
.ai-paths>i,.ai-paths>i:before,.ai-paths>i:after{background:var(--ice)}
.growth-bars>i:nth-child(3){background:var(--electric)}
summary{font-size:clamp(22px,2.1vw,33px);letter-spacing:-.05em}
.contact{background:var(--blue);color:#f4f7fc;padding-top:58px;padding-bottom:46px;position:relative;isolation:isolate}
.contact:before,.contact:after{content:'';position:absolute;width:28%;height:160%;top:-30%;right:9%;background:#fff;opacity:.045;transform:rotate(-42deg) translateY(-7%);z-index:-1;transition:transform 1.4s var(--ease)}
.contact:after{transform:rotate(42deg) translateY(7%);right:-7%;opacity:.025}
.contact:has(button:hover):before{transform:rotate(-42deg) translateY(0)}
.contact:has(button:hover):after{transform:rotate(42deg) translateY(0)}
.contact-top{font-size:12px}
.contact h2{font-size:clamp(72px,10vw,165px);line-height:1.05;letter-spacing:-.075em;margin:56px 0 65px;font-weight:500}
.contact h2>button{padding-right:0;font-weight:inherit}
.contact-arrow{width:clamp(65px,9vw,145px);height:clamp(65px,9vw,145px);top:0;bottom:auto;border-color:#ffffff60;right:0;aspect-ratio:auto}
.contact h2>button:hover .contact-arrow{background:var(--paper);color:var(--blue);transform:rotate(45deg)}
.contact-arrow>svg{width:45%!important;height:45%!important}
.contact-bottom{border-color:#ffffff40}
.contact-bottom>button{border-color:currentColor;font-size:12px;min-height:44px}
.site-footer{padding-top:42px;padding-bottom:42px;gap:8%;background:var(--ink)}
.footer-logo img{width:150px;height:auto}
.site-footer>p{font-size:11px}
.site-footer>div,.site-footer>div>button{font-size:10px}
.experience-body h3,.brief-header h2,.brief-success h3,.legal-dialog h2{line-height:1.1}
.dialog-close:hover{background:var(--mist)}
.submit-brief:hover{background:var(--blue)}
@media(min-width:1700px){.opening-sticky{padding-top:145px}.hero-copy h1{font-size:7vw}.hero-art{max-height:760px}.composition-frame{max-height:680px}}
@media(max-width:1100px){.wordmark img{width:112px}.wordmark>span{display:none}.main-nav{gap:23px;margin-right:12px}.opening-sticky{padding-top:127px;min-height:750px}.hero-copy h1{font-size:7.4vw}.hero-copy>p{font-size:12px;margin-top:28px}.hero-art{min-height:420px}.composition-tools{gap:12px}.hold-button{font-size:10px;padding:14px;min-width:180px;gap:12px}.composition-tools>p{font-size:8px;max-width:90px}.scene-top{top:115px}.experiments-heading h2{font-size:7.5vw}.manifesto-bottom{gap:6%;grid-template-columns:1fr 1fr 55px}.expertise-workbench{gap:7%}.contact h2{font-size:10.1vw}}
@media(max-width:760px){
 :root{--gutter:22px}
 .site-header{top:23px;gap:16px}.site-header.scrolled{top:10px;left:12px;right:12px;padding:10px 12px}.wordmark img{width:102px}.wordmark>span,.main-nav{display:none}.nav-contact{margin-left:auto;gap:14px;font-size:10px;min-height:36px}.menu-toggle{gap:6px;width:30px;min-width:30px;min-height:36px}
 .opening{height:auto;min-height:0}.opening-sticky{position:relative;height:auto;min-height:100svh;padding-top:112px;padding-bottom:18px}.opening-meta{font-size:10px;margin-bottom:28px}.opening-meta>p:last-child{display:none}.opening-content{display:flex;flex-direction:column;gap:0;align-items:stretch;flex:none}.hero-copy{padding:0;transform:none}.hero-copy h1{font-size:clamp(38px,10.7vw,78px);line-height:1.08;letter-spacing:-.07em}.hero-copy h1 br:nth-child(2){display:none}.hero-copy>p{font-size:11px;line-height:1.75;margin-top:22px;max-width:245px}.hero-copy>p br:last-child{display:none}
 .hero-art{min-height:0;height:auto;max-height:none;margin-top:12px}.composition-frame{height:clamp(260px,75vw,430px);min-height:0;flex:none;max-height:none;transform:none!important}.composition-tools{justify-content:space-between;padding:8px 0 18px;gap:14px}.hold-button{min-width:180px;min-height:48px;padding:12px 14px;font-size:10px}.hold-icon{width:18px;height:18px}.hold-icon i{width:18px}.composition-tools>p{font-size:8px;max-width:100px;line-height:1.5}.opening-foot{margin-top:auto;padding-top:13px;gap:10px;font-size:8px}.scroll-invitation{gap:12px;font-size:8px}.scroll-invitation svg{width:13px;height:13px}.opening-foot>span{font-size:7px;margin:0 0 0 auto}.motion-toggle{font-size:8px;margin-left:6px}.motion-toggle>span{font-size:7px;padding:1px 4px}
 .manifesto{padding-top:90px;padding-bottom:85px}.section-kicker{font-size:10px;gap:10px}.small-mark{width:14px;height:2px}.manifesto-title{font-size:clamp(36px,8.2vw,60px);line-height:1.17;margin-top:35px;letter-spacing:-.06em}.manifesto-title>span{transform:none!important}.manifesto-bottom{grid-template-columns:1fr 50px;gap:28px;margin-top:40px}.manifesto-claim{font-size:27px;line-height:1.25}.manifesto-bottom>div{grid-column:1/-1;grid-row:2}.manifesto-bottom>div>p{font-size:12px;line-height:1.9}.round-link{width:48px;height:48px}.round-link svg{width:20px;height:20px}
 .experiments-heading{grid-template-columns:1fr;padding-top:20px;padding-bottom:38px;gap:24px}.experiments-heading h2{font-size:clamp(46px,11vw,75px);line-height:1.07}.experiments-heading>p{font-size:11px;justify-self:start}.experiment{height:auto}.experiment-stage{position:relative;min-height:570px;height:86svh;max-height:850px}.scene-window{clip-path:none!important}.scene-window .scene-image{transform:none!important}.scene-top{top:30px;font-size:11px}.scene-top>span:last-child{font-size:8px}.scene-bottom{bottom:30px;gap:20px}.scene-button{gap:12px;font-size:9px;max-width:165px}.scene-button-icon{min-width:44px;min-height:44px;width:44px;height:44px}.scene-bottom p{font-size:10px}.lisiere-title{transform:none!important;opacity:1;inset:28% 2% auto}.lisiere-title h3{font-size:23vw}.lisiere-title>p{font-size:11px}.matiere-stamp{width:88px;height:105px;padding:12px;font-size:9px}.matiere-stamp>span{font-size:34px}.experiment-note{padding-top:25px;padding-bottom:48px;gap:17px;grid-template-columns:1fr}.experiment-note>span:first-child{font-size:23px;max-width:300px}.experiment-note>p{font-size:11px;line-height:1.8}.note-tag{display:none}
 .expertise{padding-top:72px;padding-bottom:70px}.expertise-top{grid-template-columns:1fr;gap:26px}.expertise-top h2{font-size:clamp(60px,14vw,86px);line-height:1.07}.expertise-top>p{font-size:11px;justify-self:start}.expertise-workbench{margin-top:35px;grid-template-columns:1fr;gap:28px}.expertise-art{aspect-ratio:1.15}.expertise-art b{font-size:30px;left:23px;bottom:24px}.discipline-design>span{font-size:205px}.ai-paths>span{width:74px;height:74px;left:calc(50% - 37px);top:calc(50% - 37px)}summary{font-size:24px;padding:24px 0}details p{font-size:12px}details li{font-size:9px}
 .contact{padding-top:35px;padding-bottom:28px}.contact-top{font-size:10px;gap:24px}.contact-top>span{font-size:9px;max-width:90px;text-align:right}.contact h2{font-size:10.3vw;line-height:1.18;margin:42px 0 45px;letter-spacing:-.07em}.contact-arrow{width:42px;height:42px;top:-3px;bottom:auto;right:0;transform:none}.contact h2>button:hover .contact-arrow{transform:rotate(45deg)}.contact-bottom{padding-top:22px}.contact-bottom>p{font-size:10px}.contact-bottom>button{font-size:11px;margin-top:22px;justify-content:space-between;width:100%}.site-footer{padding-top:32px;padding-bottom:32px;gap:25px}.footer-logo img{width:120px}.site-footer>p{font-size:9px}.site-footer>div,.site-footer>div>button{font-size:9px}
 .experience-body h3{font-size:33px}.brief-header h2{font-size:40px}.brief-success h3{font-size:43px}.legal-dialog h2{font-size:40px}
}
@media(max-width:370px){:root{--gutter:18px}.wordmark img{width:92px}.opening-meta{margin-bottom:24px}.hero-copy h1{font-size:10.7vw}.hold-button{min-width:168px;font-size:9px;padding:12px}.composition-tools>p{font-size:7px}.opening-foot>span{font-size:6px}.scroll-invitation{font-size:7px}.motion-toggle{font-size:7px;gap:4px}.manifesto-title{font-size:8.4vw}.expertise-top h2{font-size:14.5vw}summary{font-size:22px}}
@media(prefers-reduced-motion:reduce){.opening{height:auto;min-height:0}.opening-sticky{position:relative}.hero-copy,.manifesto-title>span,.scene-window .scene-image,.lisiere-title,.contact:before,.contact:after{transform:none!important}.scene-window{clip-path:none!important}.lisiere-title{opacity:1}.experiment{height:auto}.expertise-art>div{clip-path:none!important}}
html[data-motion=off] .opening{height:auto;min-height:0}
html[data-motion=off] .opening-sticky{position:relative}
html[data-motion=off] .hero-copy,html[data-motion=off] .manifesto-title>span,html[data-motion=off] .scene-window .scene-image,html[data-motion=off] .lisiere-title{transform:none!important}
html[data-motion=off] .scene-window,html[data-motion=off] .expertise-art>div{clip-path:none!important}
html[data-motion=off] .lisiere-title{opacity:1}
html[data-motion=off] .experiment{height:auto}
.skip-link,::selection{color:var(--paper)}
.mobile-menu{overflow-y:auto;overscroll-behavior:contain}
@media(max-width:760px){.hero-copy{align-self:stretch}.hero-copy h1{letter-spacing:-.055em}}
@media(max-width:760px) and (max-height:500px){.mobile-menu{padding-top:105px;gap:30px}.mobile-menu nav{gap:15px}.mobile-menu a,.mobile-menu nav>button{font-size:34px}.mobile-menu>p{padding-bottom:24px}}

/* The identity is the complete wordmark. Its round counter opens the view. */
.opening-content{grid-template-columns:1.2fr 1fr;grid-template-rows:minmax(250px,1fr) auto;column-gap:8%;row-gap:15px;align-items:center}
.hero-art{display:contents}
.composition-frame{grid-row:1;grid-column:1/-1;min-height:250px;height:100%;max-height:440px}
.composition-fallback{inset:0 3%}
.composition-fallback img{width:100%;height:auto}
.hero-copy{grid-row:2;grid-column:1;transform:none;padding:0}
.hero-copy h1{font-size:clamp(35px,3.65vw,63px);line-height:1.08;letter-spacing:-.06em}
.hero-copy h1 br:nth-child(2){display:none}
.hero-copy>p{font-size:12px;line-height:1.65;margin-top:20px;max-width:400px}
.composition-tools{grid-row:2;grid-column:2;justify-content:flex-end;padding:0;gap:20px;align-self:end;margin:0 0 6px}
.hold-icon{width:20px;height:20px}
.hold-icon i,.hold-icon i:last-child{width:18px;height:18px;left:1px;top:1px;border:1px solid var(--blue);border-radius:50%;background:none;transform:none}
.hold-button:hover .hold-icon i:first-child,.hold-button:hover .hold-icon i:last-child{transform:scale(1.15)}
.hold-button.is-pressing .hold-icon i:first-child,.hold-button.is-pressing .hold-icon i:last-child{transform:scale(1.4)}
.scene-window{clip-path:ellipse(var(--reveal-x,22%) var(--reveal-y,35%) at 50% 50%)}
.contact:before{width:50vw;height:50vw;right:-7vw;top:50%;border:7vw solid currentColor;border-radius:50%;background:none;opacity:.045;transform:translateY(-50%);box-sizing:border-box}
.contact:after{content:none}
.contact:has(button:hover):before{transform:translateY(-50%) scale(1.08)}
@media(max-width:1100px){.hero-copy h1{font-size:4vw}.hero-copy>p{font-size:11px;margin-top:18px}.composition-tools{gap:14px}.composition-frame{max-height:470px}}
@media(max-width:760px){
 .opening-sticky{min-height:100svh;padding-top:112px}
 .opening-meta{margin-bottom:14px}
 .opening-content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:24px;flex:none}
 .composition-frame{grid-row:1;grid-column:1;height:clamp(145px,44vw,300px);min-height:0;max-height:none}
 .hero-copy{grid-row:2;grid-column:1;align-self:stretch}
 .hero-copy h1{font-size:clamp(35px,9.5vw,65px);line-height:1.1;letter-spacing:-.055em}
 .hero-copy>p{font-size:11px;margin-top:20px;max-width:280px}
 .hero-copy>p br{display:initial}
 .composition-tools{grid-row:3;grid-column:1;justify-content:space-between;gap:20px;margin:0;padding:3px 0 30px}
 .hold-button{min-width:170px}
 .composition-tools>p{max-width:120px}
 .opening-foot{margin-top:auto}
 .contact:before{width:95vw;height:95vw;border-width:15vw;right:-38vw}
}
@media(prefers-reduced-motion:reduce){.contact:before{transform:translateY(-50%)!important}}

/* The visible wordmarks are SVG; they do not need a third font download. */
.wordmark,.footer-logo{font-family:Manrope,Arial,sans-serif}

/* immersion.css */
/* Enox / one opening, different worlds. Static layout remains the default. */
.site-header{transition:background .35s,color .35s}
.site-header.on-dark{color:var(--paper);background:#14263552;backdrop-filter:blur(12px)}
.site-header.on-dark .wordmark img{content:url('/assets/enox-logo-light.svg')}
.site-header.on-dark .nav-contact{border-color:#f4f7fc55}
.site-header:has(.menu-toggle[aria-expanded=true]){background:var(--paper);color:var(--ink)}
.site-header:has(.menu-toggle[aria-expanded=true]) .wordmark img{content:url('/assets/enox-logo.svg')}
.site-header:has(.menu-toggle[aria-expanded=true]) .nav-contact{border-color:var(--line)}
.opening-portal{display:none;position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;background:var(--ink)}
.opening-portal>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--portal-zoom,1.17));will-change:transform}
.portal-shade{position:absolute;inset:0;background:var(--ink);opacity:var(--portal-dim,.04)}
.portal-caption{position:absolute;left:var(--gutter);bottom:17%;font-size:clamp(64px,10.5vw,170px);font-weight:500;letter-spacing:-.075em;line-height:1.02;color:var(--paper);opacity:var(--portal-caption,0);transform:translateY(calc((1 - var(--portal-caption,0))*35px))}
.portal-caption>span{color:var(--ice)}
.portal-signature{position:absolute;right:var(--gutter);bottom:18%;color:var(--paper);font-size:11px;opacity:var(--portal-caption,0)}
.experiments-reel{background:var(--ink)}
.reel-stage{position:relative}
.experiments-reel .experiment{height:auto}
.experiments-reel .experiment-stage{position:relative;min-height:620px;height:100svh}
.experiments-reel .scene-window{clip-path:none!important}
.reel-navigation{display:none}
.reel-notes{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:48px;padding-bottom:60px;background:var(--ink);color:var(--paper)}
.reel-notes .experiment-note{display:flex;flex-direction:column;gap:17px;background:none;padding:0}
.reel-notes .experiment-note>p{color:#b7c5d5;max-width:440px;line-height:1.8}
.reel-notes .note-tag{color:var(--ice);border-color:#f4f7fc40}
.manifesto{background:var(--ink);color:var(--paper)}
.manifesto .small-mark{background:var(--ice);width:14px;height:14px;border:1px solid currentColor;border-radius:50%;transform:none;background:none;color:var(--ice)}
.manifesto-bottom>div>p{color:#b7c5d5}
.manifesto .round-link{border-color:#f4f7fc60}
.experiments-heading{padding-top:55px;padding-bottom:85px;background:var(--ink);color:var(--paper)}
.experiments-heading .small-mark{background:var(--ice)}
.expertise{border-radius:var(--landing-curve,0) var(--landing-curve,0) 0 0;position:relative;overflow:hidden}
.experiments{background:var(--ink);padding-bottom:0}
main{background:var(--ink)}
.opening{background:var(--paper)}
.contact{background:var(--ink)}
.contact-wash{position:absolute;inset:0;z-index:-2;background:var(--blue);clip-path:circle(var(--contact-radius,135%) at 82% 26%);pointer-events:none}
.contact:before{z-index:-1;opacity:.08;transform:translateY(-50%) scale(calc(.7 + var(--contact-arrival,1)*.3))}
.contact:has(button:hover):before{transform:translateY(-50%) scale(1.08)}

html[data-immersive=on] .opening{height:190svh;min-height:0}
html[data-immersive=on] .opening-sticky{position:sticky;height:100svh;min-height:0;isolation:isolate}
html[data-immersive=on] .opening-portal{display:block;clip-path:circle(var(--portal-radius,0px) at var(--portal-x,60%) var(--portal-y,45%));opacity:var(--portal-visible,0);will-change:clip-path}
html[data-immersive=on] .hero-copy,html[data-immersive=on] .composition-tools,html[data-immersive=on] .opening-meta{opacity:var(--hero-copy-opacity,1)}
html[data-immersive=on] .portal-open .opening-content{pointer-events:none}
html[data-immersive=on] .opening-foot{position:relative;z-index:5;transition:color .3s,border-color .3s}
html[data-immersive=on] .portal-open .opening-foot{color:var(--paper);border-color:#f4f7fc40}
html[data-immersive=on] .portal-open .opening-foot>span{color:var(--paper)}
html[data-immersive=on] .portal-open .motion-toggle>span{border-color:#f4f7fc60}
html[data-immersive=on] .experiments-reel{height:340svh;position:relative}
html[data-immersive=on] .reel-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
html[data-immersive=on] .experiments-reel .experiment{position:absolute;inset:0;height:100%;background:var(--ink)}
html[data-immersive=on] .experiments-reel .experiment-stage{position:absolute;inset:0;height:100%;min-height:0;max-height:none}
html[data-immersive=on] .experiment-lisiere{z-index:1}
html[data-immersive=on] .experiment-matiere{z-index:2;clip-path:circle(var(--change-radius,0px) at 70% 56%);will-change:clip-path}
html[data-immersive=on] .experiment-lisiere .scene-image{transform:scale(calc(1.16 - var(--scene)*.16))}
html[data-immersive=on] .experiment-matiere .scene-image{transform:scale(calc(1.12 - var(--scene)*.1)) translateX(calc((1 - var(--scene))*-2%))}
html[data-immersive=on] .experiment-lisiere .lisiere-title{opacity:var(--forest-copy,1);transform:translateY(calc(var(--scene)*-22px))}
html[data-immersive=on] .experiment-lisiere .scene-top,html[data-immersive=on] .experiment-lisiere .scene-bottom{opacity:var(--forest-copy,1)}
html[data-immersive=on] .experiment-matiere .matiere-type,html[data-immersive=on] .experiment-matiere .scene-top,html[data-immersive=on] .experiment-matiere .scene-bottom{opacity:var(--object-copy,0)}
.experiments-reel .matiere-stamp{display:none}
html[data-immersive=on] .reel-navigation{position:absolute;z-index:5;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#142635b8;backdrop-filter:blur(12px);padding:5px 12px;border-radius:50px;color:var(--paper);border:1px solid #f4f7fc30}
.reel-navigation button{display:flex;align-items:center;gap:8px;min-height:44px;padding:3px 10px;font-size:10px;opacity:.65;transition:opacity .25s}
.reel-navigation button[aria-pressed=true],.reel-navigation button:hover{opacity:1}
.chapter-divider{height:20px;width:1px;background:#f4f7fc30}
.chapter-orbit{width:23px;height:23px;position:relative;border-radius:50%;border:1px solid #f4f7fc30;display:block}
.chapter-orbit svg{position:absolute;inset:-2px;width:25px;height:25px;transform:rotate(-90deg);overflow:visible}
.chapter-orbit circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:81.682;stroke-dashoffset:calc(81.682*(1 - var(--chapter-one,0)))}
button[data-chapter="1"] .chapter-orbit circle{stroke-dashoffset:calc(81.682*(1 - var(--chapter-two,0)))}
.reel-navigation button[aria-pressed=true] .chapter-orbit:after{content:'';position:absolute;inset:7px;background:var(--paper);border-radius:50%}
html[data-immersive=on] .scene-bottom{bottom:54px}

@media(max-width:1100px){
 html[data-immersive=on] .scene-bottom{bottom:110px}
 .portal-signature{bottom:13%}
}
@media(min-width:761px) and (max-height:800px){
 html[data-immersive=on] .opening-sticky{padding-top:110px}
 html[data-immersive=on] .opening-meta{margin-bottom:10px}
 html[data-immersive=on] .opening-content{grid-template-rows:minmax(210px,1fr) auto}
 html[data-immersive=on] .composition-frame{min-height:210px;max-height:340px}
 html[data-immersive=on] .hero-copy h1{font-size:36px}
 html[data-immersive=on] .hero-copy>p{font-size:11px;margin-top:14px}
}
@media(max-width:760px){
 html[data-immersive=on] .opening{height:165svh}
 html[data-immersive=on] .opening-sticky{height:100svh;min-height:0}
 .portal-caption{font-size:clamp(52px,13vw,90px);bottom:26%}
 .portal-signature{left:var(--gutter);right:auto;bottom:20%;font-size:10px}
 .manifesto{padding-top:85px;padding-bottom:70px}
 .experiments-heading{padding-top:35px;padding-bottom:50px}
 html[data-immersive=on] .experiments-reel{height:295svh}
 html[data-immersive=on] .experiments-reel .experiment-stage{height:100%;min-height:0;max-height:none}
 html[data-immersive=on] .scene-top{top:100px}
 html[data-immersive=on] .scene-bottom{bottom:112px;align-items:center}
 html[data-immersive=on] .reel-navigation{bottom:28px;gap:7px;white-space:nowrap}
 html[data-immersive=on] .scene-button{max-width:172px;font-size:10px}
 html[data-immersive=on] .lisiere-title{inset:31% 2% auto}
 html[data-immersive=on] .lisiere-title h3{font-size:23vw}
 html[data-immersive=on] .matiere-type{top:31%;font-size:23vw;left:-8%}
 html[data-immersive=on] .experiment-matiere .scene-bottom>p{font-size:11px;max-width:145px}
 .reel-notes{grid-template-columns:1fr;gap:35px;padding-top:36px;padding-bottom:52px}
 .reel-notes .experiment-note{gap:12px}
 .reel-notes .experiment-note>span:first-child{font-size:24px}
 .experiments-reel .experiment-stage{height:86svh;min-height:570px}
 .contact-wash{clip-path:circle(var(--contact-radius,135%) at 82% 26%)}
}
html[data-immersive=off] .opening{height:auto;min-height:0}
html[data-immersive=off] .opening-sticky{position:relative}
html[data-immersive=off] .experiments-reel .scene-image{transform:none!important}
html[data-motion=off] .contact-wash{clip-path:none}
html[data-motion=off] .expertise{border-radius:0}
@media(prefers-reduced-motion:reduce){
 .opening-portal{display:none!important}
 .contact-wash{clip-path:none!important}
 .expertise{border-radius:0!important}
}

/* business.css */
/* The camera travels through the actual counter of the Enox wordmark. */
html[data-immersive=on] .opening{height:220svh}
html[data-immersive=on] .composition-frame{z-index:3}
html[data-immersive=on] #composition{transform-origin:var(--logo-origin-x,50%) var(--logo-origin-y,50%);transform:translate(var(--camera-x,0px),var(--camera-y,0px)) scale(var(--camera-zoom,1));will-change:transform}
.composition-vector{position:absolute;inset:0;visibility:hidden;pointer-events:none;transform-origin:var(--logo-origin-x,50%) var(--logo-origin-y,50%);transform:translate(var(--camera-x,0px),var(--camera-y,0px)) scale(var(--camera-zoom,1))}
.composition-vector img{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;max-width:none}
.composition-frame.loaded #composition{transition:none}
html[data-immersive=on] .is-travelling .composition-vector{visibility:visible}
html[data-immersive=on] .is-travelling #composition{opacity:0;transition:none}
html[data-immersive=on] .opening-portal{clip-path:ellipse(var(--portal-rx,0px) var(--portal-ry,0px) at var(--portal-x,50%) var(--portal-y,50%))}
.opening-portal>img{position:absolute;max-width:none;object-fit:fill;transform:none;will-change:auto}
.portal-tint,.portal-shade{position:absolute;inset:0}
.portal-shade{background:linear-gradient(180deg,#14263518 20%,#14263500 45%,#14263550 100%);opacity:var(--portal-shade,0)}
html[data-immersive=on] .opening-foot>.scroll-invitation,html[data-immersive=on] .opening-foot>#composition-number{opacity:var(--opening-foot-opacity,1)}
html[data-immersive=on] .experiments{position:relative;z-index:7;margin-top:-100svh;scroll-margin-top:calc(-100px - 18svh);background:transparent;pointer-events:none}
html[data-immersive=on] .reel-notes{pointer-events:auto}
html[data-immersive=on] .experiments-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-immersive=on] .experiments-reel{background:transparent}
html[data-immersive=on] .reel-stage{opacity:var(--reel-visible,0);pointer-events:none}
html[data-immersive=on] .reel-active .reel-stage{pointer-events:auto}
html[data-immersive=on] .reel-navigation{opacity:var(--first-arrival,0)}
html[data-immersive=on] .experiment-lisiere .scene-window .scene-image{transform:scale(calc(1.16 - var(--scene)*.16))!important}
html[data-immersive=on] .management-preview{opacity:var(--object-copy,0);transform:translateY(calc((1 - var(--object-copy,0))*28px))}
.management-preview{position:absolute;inset:23% var(--gutter) auto;z-index:3;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:8%;color:#fff5da}
.management-copy>p{font-size:12px;max-width:300px;margin-bottom:26px}
.management-copy h3{font-size:clamp(40px,5.1vw,85px);line-height:1.05;font-weight:600;letter-spacing:-.055em}
.experiment-matiere .scene-shade{background:linear-gradient(90deg,#39140b40,transparent 85%),linear-gradient(180deg,#39140b66,transparent 44%,#39140b40)}
.management-window{background:#f8f7f1;color:#302e2b;box-shadow:0 30px 90px #50181138;transform:rotate(-3deg);padding:27px 30px}
.management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:25px;border-bottom:1px solid #302e2b22}
.management-toolbar>span:first-child{font:800 29px/1 Bricolage,sans-serif;letter-spacing:-.06em}
.management-toolbar small{font:400 10px Manrope,sans-serif;letter-spacing:0;margin-left:7px}
.demo-badge{font-size:9px;color:#696457}
.management-stats{display:flex;gap:15%;padding:24px 0}
.management-stats>div{display:flex;flex-direction:column;gap:6px}
.management-stats strong{font-size:35px;line-height:1;font-weight:500;letter-spacing:-.06em}
.management-stats span{font-size:10px;color:#696457}
.management-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #302e2b18}
.management-row>span:first-child{font-size:9px;color:#787367}
.management-row b{display:block;font-size:12px;font-weight:500;color:#302e2b;margin-top:4px}
.demo-status{font-size:9px;padding:7px 10px;background:#ede4cf;border-radius:3px;white-space:nowrap}
.demo-status.working{background:#dce6ee;color:#28445b}.demo-status.done{background:#dce8da;color:#3d5739}
.management-foot{border-top:1px solid #302e2b18;padding-top:20px;font-size:9px;color:#696457}
.service-delivery{margin-top:22px;padding-top:18px;border-top:1px solid #14263522}
.service-delivery b{font-weight:700}
.method-section{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:125px;padding-bottom:130px}
.method-heading>p,.practical-ai>div>p{font-size:12px;margin-bottom:32px}
.method-heading h2{font-size:clamp(56px,6.6vw,106px);line-height:1.05;letter-spacing:-.065em}
.method-heading .text-link{margin-top:50px;max-width:300px}
.method-steps article{display:grid;grid-template-columns:30px 1fr;gap:22px;padding:29px 0 35px;border-top:1px solid var(--line)}
.method-steps article>span{padding-top:5px;font-size:11px;color:#526477}
.method-steps h3{font-size:25px;line-height:1.15;letter-spacing:-.04em;margin-bottom:16px}
.method-steps article p{font-size:13px;line-height:1.8;color:#526477;max-width:450px}
.method-contract{padding:24px 0 0 52px;border-top:1px solid var(--line)}
.method-contract p{font-size:13px;font-weight:700;margin-bottom:9px}
.method-contract span{display:block;font-size:11px;line-height:1.8;color:#526477;max-width:420px}
.practical-ai{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--mist);padding-top:90px;padding-bottom:100px}
.practical-ai h2{font-size:clamp(44px,5vw,80px);line-height:1.07;letter-spacing:-.06em}
.ai-examples article+article{margin-top:30px}
.ai-examples h3{font-size:23px;line-height:1.1;letter-spacing:-.035em;margin-bottom:12px}
.ai-examples article p{font-size:13px;line-height:1.8;color:#42576b;max-width:450px}
.ai-examples .ai-scope{font-size:11px;line-height:1.8;color:#42576b;max-width:450px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}
.business-experience{padding:48px 6% 40px}
.business-experience>p{font-size:12px;color:#526477;max-width:580px;margin-bottom:14px;padding-right:30px}
.business-experience h2{font-size:clamp(32px,4vw,55px);line-height:1.05;margin-bottom:25px;letter-spacing:-.055em}
.business-experience .experience-note{font-size:11px!important;margin-top:24px;max-width:100%}
.business-experience .text-link{margin-top:24px;max-width:350px}
.experience-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0;padding-top:24px;border-top:1px solid var(--line)}
.experience-scope h4{font-size:12px;margin:0 0 8px}.experience-scope p{font-size:11px;line-height:1.7;color:#526477}
::selection{background:var(--blue);color:var(--paper)}
@media(max-width:1100px){.management-preview{gap:5%}.management-window{padding:22px}.management-copy h3{font-size:5vw}.method-section,.practical-ai{gap:7%}}
@media(min-width:761px) and (max-height:800px){.management-preview{top:21%}.management-window{padding:20px 26px}.management-toolbar{padding-bottom:18px}.management-stats{padding:18px 0}.management-row{padding:11px 0}.management-foot{padding-top:15px}.management-copy h3{font-size:4.6vw}}
@media(max-width:760px){
 html[data-immersive=on] .opening{height:220svh}
 html[data-immersive=on] .experiments{scroll-margin-top:calc(-85px - 16svh)}
 .experiments-reel .lisiere-title h3,html[data-immersive=on] .lisiere-title h3{font-size:19.5vw}
 .hero-copy h1{font-size:clamp(33px,9.1vw,62px)}
 .hero-copy>p{max-width:310px;font-size:11px}
 html[data-immersive=on] .opening-content{flex:1;grid-template-rows:minmax(155px,1fr) auto auto;gap:22px;padding-bottom:24px}
 html[data-immersive=on] .composition-frame{height:100%;max-height:300px}
 .management-preview{inset:20% var(--gutter) auto;grid-template-columns:1fr;gap:28px}
 .management-copy>p{font-size:10px;margin-bottom:13px;max-width:none}
 .management-copy h3{font-size:clamp(30px,8.2vw,48px);line-height:1.08;max-width:400px}
 .management-window{transform:rotate(-2deg);padding:17px 20px;max-width:480px;width:100%;margin:auto}
 .management-toolbar{padding-bottom:14px}.management-toolbar>span:first-child{font-size:24px}
 .management-stats{padding:14px 0;gap:18%}.management-stats strong{font-size:28px}.management-stats span{font-size:9px}
 .management-row{padding:9px 0}.management-row b{font-size:11px}.management-foot{padding-top:12px;font-size:8px}
 .management-row:nth-last-child(2){display:none}
 .method-section,.practical-ai{grid-template-columns:1fr;gap:45px;padding-top:70px;padding-bottom:75px}
 .method-heading>p,.practical-ai>div>p{font-size:11px;margin-bottom:25px}
 .method-heading h2{font-size:clamp(48px,15.5vw,62px)}.method-heading .text-link{margin-top:32px;max-width:none}
 .method-steps article{gap:15px;padding:25px 0 30px}.method-steps h3{font-size:23px}.method-steps article p{font-size:12px}.method-contract{padding-left:45px}
 .practical-ai h2{font-size:46px}.ai-examples h3{font-size:23px}.ai-examples article p{font-size:12px}
 .business-experience{padding:65px 5% 30px}.business-experience>p{padding-right:0;font-size:11px}.business-experience h2{font-size:34px}
 .experience-scope{grid-template-columns:1fr;gap:20px}
}
@media(max-width:760px) and (max-height:760px){.management-preview{top:19%;gap:18px}.management-copy h3{font-size:29px}.management-copy>p{display:none}.management-stats{padding:11px 0}.management-row{padding:7px 0}.management-foot{display:none}}
html[data-immersive=off] .management-preview{top:20%;transform:none}

/* The last useful example leads straight into a project conversation. */
.contact{--contact-cap:clamp(70px,9vw,145px);background:var(--mist);padding-top:calc(var(--contact-cap) + 38px);padding-bottom:55px;color:var(--paper)}
.contact .contact-wash{background:var(--blue);clip-path:none;border-radius:50% 50% 0 0 / calc((1 - var(--contact-arrival,1))*var(--contact-cap)) calc((1 - var(--contact-arrival,1))*var(--contact-cap)) 0 0}
.contact:before,.contact:after{content:none}
.contact-top{font-size:12px;gap:25px}
.contact-top>span{font-size:11px;opacity:.75}
.contact-main{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:9%;padding:50px 0 65px}
.contact-main h2{font-size:clamp(65px,8.2vw,142px);line-height:1.02;letter-spacing:-.065em;margin:0}
.contact-intro{padding-bottom:8px;max-width:370px}
.contact-intro>p{font-size:13px;line-height:1.85;color:#dfe8f7}
.contact-action{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;font-size:13px;margin-top:28px;text-align:left}
.contact-action-orbit{width:66px;height:66px;border-radius:50%;border:1px solid #f4f7fc70;display:grid;place-items:center;flex-shrink:0;transition:background .25s,color .25s,transform .4s var(--ease)}
.contact-action-orbit svg{width:23px;height:23px}
.contact-action:hover .contact-action-orbit{background:var(--paper);color:var(--blue);transform:rotate(45deg)}
.contact-bottom{display:grid;grid-template-columns:1fr 3fr;gap:7%;align-items:center;padding-top:28px;border-color:#f4f7fc40}
.contact-bottom>p{font-size:12px;line-height:1.7;color:#dfe8f7}
.contact-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.contact-choices>button{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;text-align:left;border-bottom:1px solid #f4f7fc60;transition:border-color .2s}
.contact-choices>button:hover{border-color:var(--paper)}
.contact-choices svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.contact-choices>button:hover svg{transform:translate(3px,-3px)}
@media(max-width:1000px){.contact-main{grid-template-columns:1.5fr 1fr;gap:6%}.contact-main h2{font-size:8.2vw}.contact-bottom{grid-template-columns:1fr;gap:18px}.contact-bottom>p br{display:none}.contact-choices{gap:20px}}
@media(max-width:760px){
 .contact{padding-top:calc(var(--contact-cap) + 28px);padding-bottom:40px}
 .contact-top{font-size:11px}.contact-top>span{display:none}
 .contact-main{grid-template-columns:1fr;gap:30px;padding:30px 0 35px}
 .contact-main h2{font-size:clamp(44px,12vw,82px);line-height:1.06;letter-spacing:-.055em}
 .contact-intro{max-width:100%;padding:0}.contact-intro>p{font-size:12px;max-width:350px}
 .contact-action{font-size:12px;margin-top:18px}.contact-action-orbit{width:54px;height:54px}
 .contact-bottom{gap:12px;padding-top:24px}.contact-bottom>p{font-size:11px}
 .contact-choices{grid-template-columns:1fr 1fr;gap:8px 24px}.contact-choices>button{font-size:11px;min-height:54px}
}
html[data-motion=off] .contact-action-orbit,html[data-motion=off] .contact-choices svg{transition:none;transform:none}

/* approach.css */
/* The complete Enox identity opens directly onto the studio's approach. */
.opening .portal-shade {
  background: #142635;
  opacity: var(--portal-shade, 0);
}

.opening-foot #composition-number { font-size: 10px; line-height: 1.5; white-space: nowrap; }

.manifesto {
  position: relative;
  isolation: isolate;
  background: #142635;
  color: #f4f7fc;
  min-height: 100svh;
  padding-top: clamp(110px, 10vw, 155px);
  padding-bottom: clamp(100px, 9vw, 140px);
  overflow: hidden;
}
.manifesto > * { position: relative; }
.manifesto .section-kicker { color: #b7c5d5; font-size: 12px; line-height: 1.6; }
.manifesto .small-mark { color: #9db9ef; }
.manifesto-title {
  font-size: clamp(57px, 7.2vw, 118px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.065em;
  margin-top: 40px;
  max-width: 1150px;
}
.manifesto-title > span:last-child { color: #9db9ef; }
.manifesto-bottom { margin-top: 58px; grid-template-columns: 1fr 1.1fr 64px; gap: 8%; }
.manifesto-claim { font-size: clamp(27px, 2.6vw, 41px); line-height: 1.22; letter-spacing: -.045em; }
.manifesto-bottom > div > p { color: #b7c5d5; font-size: 14px; line-height: 1.85; max-width: 500px; }
.manifesto-bottom > div > p + p { margin-top: 19px; }
.manifesto .round-link { width: 64px; height: 64px; border-color: #f4f7fc70; color: #f4f7fc; }
.manifesto .round-link:hover { background: #f4f7fc; color: #142635; }
.manifesto .round-link:focus-visible { outline: 2px solid #9db9ef; outline-offset: 6px; }

html[data-immersive=on] .manifesto {
  z-index: 7;
  margin-top: -100svh;
  background: transparent;
}
html[data-immersive=on] .manifesto::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #142635;
  opacity: var(--approach-arrival, 1);
  pointer-events: none;
}
html[data-immersive=on] .manifesto > * {
  opacity: var(--approach-arrival, 1);
  transform: translateY(calc((1 - var(--approach-arrival, 1)) * 24px));
}
html[data-immersive=on] .manifesto[inert] { pointer-events: none; }
html[data-immersive=on] .manifesto:focus-within::before,
html[data-immersive=on] .manifesto:focus-within > * { opacity: 1; }
html[data-immersive=on] .manifesto:focus-within > * { transform: none; }
html[data-immersive=off] .manifesto { margin-top: 0; background: #142635; }
html[data-immersive=off] .manifesto > * { opacity: 1; transform: none; }

.services .service-brief-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
  min-height: 44px;
  width: 100%;
  max-width: 390px;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
}

@media (max-width: 1100px) {
  .manifesto-bottom { grid-template-columns: 1fr 1.15fr 56px; gap: 6%; }
  .manifesto .round-link { width: 56px; height: 56px; }
}
@media (max-width: 760px) {
  .composition-tools { padding-bottom: 22px; }
  .opening-foot { gap: 10px; }
  .opening-foot #composition-number { font-size: 8px; margin-left: auto; margin-right: 0; }
  .manifesto { padding-top: 100px; padding-bottom: 90px; }
  .manifesto .section-kicker { font-size: 11px; }
  .manifesto-title { font-size: clamp(35px, 9.2vw, 62px); line-height: 1.13; letter-spacing: -.055em; margin-top: 32px; }
  .manifesto-bottom { grid-template-columns: minmax(0, 1fr) 52px; gap: 28px; margin-top: 40px; }
  .manifesto-claim { font-size: 28px; line-height: 1.25; }
  .manifesto-bottom > div { grid-column: 1 / -1; grid-row: 2; }
  .manifesto-bottom > div > p { font-size: 13px; line-height: 1.9; max-width: 560px; }
  .manifesto .round-link { width: 52px; height: 52px; }
  html[data-immersive=on] .manifesto > * { transform: translateY(calc((1 - var(--approach-arrival, 1)) * 16px)); }
  html[data-immersive=on] .manifesto:focus-within > * { transform: none; }
  .services .service-brief-link { font-size: 12px; }
}
@media (max-width: 370px) {
  .opening-foot { gap: 7px; }
  .opening-foot #composition-number { font-size: 7px; }
  .manifesto-title { font-size: 35px; }
}
@media (max-height: 699px) {
  .opening-sticky { height: auto; min-height: 100svh; overflow: visible; }
  .manifesto { min-height: 0; padding-top: 85px; padding-bottom: 85px; }
}
html[data-motion=off] .manifesto { margin-top: 0; background: #142635; }
html[data-motion=off] .manifesto::before { opacity: 1; }
html[data-motion=off] .manifesto > * { opacity: 1; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .manifesto { margin-top: 0 !important; background: #142635 !important; }
  .manifesto::before { opacity: 1 !important; }
  .manifesto > * { opacity: 1 !important; transform: none !important; }
}

/* service-pages.css */
/* Enox interior pages: one useful subject, expressed through the round wordmark counter. */
.main-nav a[aria-current=page]::after { transform: scaleX(1); }
.main-nav a[aria-current=page] { font-weight: 700; }
.mobile-menu a[aria-current=page] { color: #01448a; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.service-footer-links { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 42px; background: #142635; color: #f4f7fc; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #f4f7fc25; }
.service-footer-links > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; line-height: 1.5; color: #dfe8f7; }
.service-footer-links > a:hover, .service-footer-links > a[aria-current=page] { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
.service-footer-links > a:focus-visible { outline-color: #9db9ef; }

body.service-page { background: #f4f7fc; color: #142635; }
.service-page main { background: #f4f7fc; }
.service-page .service-hero, .service-page .service-needs, .service-page .service-scope, .service-page .service-delivery-section, .service-page .service-faq, .service-page .related-services { font: 14px/1.8 Manrope, Arial, sans-serif; }
.service-page :where(.service-hero,.service-needs,.service-scope,.service-delivery-section,.service-faq,.related-services) :where(h1,h2,h3,h4,p,ul,ol) { margin: 0; }
.service-page :is(.service-hero,.service-needs,.service-scope,.service-delivery-section,.service-faq,.related-services) :is(a,button,summary):focus-visible { outline: 2px solid #01448a; outline-offset: 6px; }

.service-hero { padding-top: 129px; padding-bottom: 42px; overflow: hidden; background: #f4f7fc; }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; min-height: 44px; font-size: 12px; line-height: 1.5; color: #526477; }
.breadcrumbs > a { display: inline-flex; align-items: center; min-height: 44px; color: #142635; }
.breadcrumbs > a:hover { text-decoration: underline; text-underline-offset: 4px; }
.breadcrumbs > span::before { content: '/'; padding-right: 13px; color: #7b8996; }
.service-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 8%; padding-top: 31px; padding-bottom: 39px; }
.service-hero-copy { min-width: 0; }
.service-hero-copy .service-eyebrow { font-size: 12px; line-height: 1.7; color: #526477; margin-bottom: 23px; }
.service-page .service-hero h1 { font-size: clamp(48px, 5.2vw, 84px); line-height: 1.06; letter-spacing: -.065em; font-weight: 600; max-width: 750px; }
.service-hero-copy .service-lead { font-size: 15px; line-height: 1.85; margin-top: 28px; max-width: 520px; color: #42576b; }
.service-hero-cta.text-link { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 48px; width: 100%; max-width: 330px; margin-top: 29px; padding: 9px 0; font-size: 13px; line-height: 1.6; border-bottom: 1px solid #14263570; text-align: left; background: transparent; }
.service-hero-cta svg { width: 20px; height: 20px; flex-shrink: 0; }
.service-lens { --lens-ring:#01448a; --lens-field:#142635; --lens-type:#f4f7fc; --lens-note:#dfe8f7; width: min(100%, 460px); justify-self: center; aspect-ratio: 1; transform: translateY(calc(var(--service-travel, 0) * -22px)) scale(calc(1 + var(--service-travel, 0) * .025)); }
.lens-disc { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 21px; width: 100%; height: 100%; border: clamp(22px, 3.1vw, 44px) solid var(--lens-ring); border-radius: 50%; background: var(--lens-field); color: var(--lens-type); padding: 8%; text-align: center; }
.lens-caption { font-size: 12px; line-height: 1.5; color: var(--lens-note); max-width: 210px; }
.lens-disc > strong { font: 500 clamp(31px, 3.4vw, 51px)/1.13 Manrope, Arial, sans-serif; letter-spacing: -.05em; }
.lens-tags { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px 13px; max-width: 260px; color: var(--lens-note); }
.lens-tags > span { font-size: 11px; line-height: 1.6; }
.service-page[data-service=gestion] .service-lens { --lens-ring:#142635; --lens-field:#dfe8f7; --lens-type:#142635; --lens-note:#42576b; }
.service-page[data-service=seo] .service-lens { --lens-ring:#01448a; --lens-field:#f4f7fc; --lens-type:#142635; --lens-note:#42576b; }
.service-page[data-service=ia] .service-lens { --lens-ring:#9db9ef; --lens-field:#142635; --lens-type:#f4f7fc; --lens-note:#dfe8f7; }
.service-hero-foot { display: flex; align-items: center; justify-content: space-between; gap: 25px; border-top: 1px solid #14263530; padding-top: 12px; }
.service-contents-link { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; font-size: 12px; line-height: 1.6; }
.service-contents-link svg { width: 18px; height: 18px; }
.service-hero-foot .motion-toggle { min-height: 44px; font-size: 11px; gap: 8px; margin: 0; }
.service-hero-foot .motion-toggle > span { font-size: 10px; }

.service-needs { padding-top: 86px; padding-bottom: 95px; background: #f4f7fc; }
.service-section-heading > p { font-size: 12px; line-height: 1.7; color: #526477; margin-bottom: 22px !important; }
.service-page .service-section-heading > h2, .service-page .service-delivery-section > h2, .service-page .service-faq > h2 { font-size: clamp(35px, 4vw, 61px); line-height: 1.12; letter-spacing: -.055em; font-weight: 600; max-width: 820px; }
.service-needs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; margin-top: 42px; }
.service-needs-grid > article { border-top: 1px solid #14263535; padding-top: 24px; }
.service-needs-grid h3 { font-size: 23px; line-height: 1.25; font-weight: 600; letter-spacing: -.035em; margin-bottom: 15px !important; }
.service-needs-grid p { font-size: 14px; line-height: 1.9; color: #42576b; max-width: 440px; }
.service-scope { padding-top: 90px; padding-bottom: 96px; background: #dfe8f7; }
.service-scope-list { margin-top: 42px; }
.service-scope-list > article { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1fr) minmax(0, .8fr); gap: 5%; padding: 31px 0; border-top: 1px solid #14263540; align-items: start; }
.service-scope-list > article:last-child { padding-bottom: 0; }
.service-scope-list h3 { font-size: 24px; line-height: 1.24; font-weight: 600; letter-spacing: -.035em; }
.service-scope-list p { font-size: 14px; line-height: 1.9; color: #42576b; max-width: 550px; }
.service-scope-list ul { padding-left: 18px; list-style: disc; }
.service-scope-list li { font-size: 13px; line-height: 1.85; padding-left: 3px; }
.service-scope-list li + li { margin-top: 8px; }
.service-scope-list li::marker { color: #01448a; font-size: .8em; }
.service-page :is(.service-needs,.service-scope,.service-faq) p a { color: #01448a; text-decoration: underline; text-underline-offset: 3px; }

.service-delivery-section { padding-top: 90px; padding-bottom: 90px; background: #142635; color: #f4f7fc; }
.delivery-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px; padding: 0; margin-top: 45px !important; list-style: none; counter-reset: delivery; }
.delivery-path > li { counter-increment: delivery; border-top: 1px solid #f4f7fc45; padding-top: 23px; }
.delivery-path > li::before { content: counter(delivery, decimal-leading-zero); display: block; font-size: 13px; line-height: 1.5; color: #9db9ef; margin-bottom: 21px; }
.delivery-path h3 { font-size: 23px; line-height: 1.25; font-weight: 600; letter-spacing: -.035em; margin-bottom: 15px !important; }
.delivery-path p { font-size: 14px; line-height: 1.9; color: #c4d1e0; max-width: 470px; }
.service-delivery-section .scope-note { border-top: 1px solid #f4f7fc35; padding-top: 24px; margin-top: 38px; font-size: 13px; line-height: 1.9; color: #c4d1e0; max-width: 1000px; }

.service-faq { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 9%; padding-top: 95px; padding-bottom: 95px; background: #f4f7fc; align-items: start; }
.service-faq > div { min-width: 0; }
.service-faq details { border-bottom: 1px solid #14263535; }
.service-faq details:first-child { border-top: 1px solid #14263535; }
.service-faq summary { min-height: 76px; padding: 22px 0; font-size: 21px; font-weight: 600; line-height: 1.4; letter-spacing: -.025em; gap: 24px; list-style: none; }
.service-faq summary:not(:has(svg))::after { content: '+'; font: 400 27px/1 Manrope, Arial, sans-serif; color: #01448a; flex-shrink: 0; }
.service-faq details[open] > summary:not(:has(svg))::after { content: '−'; }
.service-faq details > div { padding: 0 35px 25px 0; }
.service-faq details p { font-size: 14px; line-height: 1.9; max-width: 630px; color: #42576b; }
.service-faq details p + p { margin-top: 14px; }

.related-services { background: #dfe8f7; padding-top: 67px; padding-bottom: 73px; }
.service-page .related-services > h2 { font-size: clamp(31px, 3.2vw, 47px); font-weight: 600; line-height: 1.15; letter-spacing: -.045em; margin-bottom: 30px; }
.related-services > nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.related-services nav > a { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 74px; padding: 18px 0; border-top: 1px solid #14263545; font-size: 21px; line-height: 1.35; letter-spacing: -.025em; }
.related-services nav > a > svg { width: 20px; height: 20px; color: #01448a; transition: transform .22s; }
.related-services nav > a:hover > svg { transform: translate(3px, -3px); }

@media (max-width: 1100px) {
  .main-nav { gap: 21px; margin-right: 12px; }
  .service-hero { padding-top: 120px; }
  .service-hero-grid { gap: 6%; }
  .service-page .service-hero h1 { font-size: 5.3vw; }
  .service-hero-copy .service-lead { font-size: 14px; }
  .lens-disc { border-width: 28px; gap: 17px; padding: 8%; }
  .lens-disc > strong { font-size: 3.5vw; }
  .lens-tags > span { font-size: 10px; }
  .service-needs-grid, .delivery-path { gap: 27px; }
  .service-scope-list > article { gap: 4%; }
  .service-faq { gap: 6%; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .site-header { gap: 20px; }
  .main-nav { gap: 16px; margin-right: 4px; font-size: 11px; }
  .nav-contact { gap: 13px; font-size: 11px; }
  .lens-caption { font-size: 10px; }
  .lens-tags { gap: 3px 10px; }
  .service-scope-list > article { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .service-scope-list ul { grid-column: 2; margin-top: 14px !important; }
}
@media (max-width: 760px) {
  .service-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; padding-top: 20px; padding-bottom: 20px; }
  .service-footer-links > a { font-size: 12px; }
  .service-hero { padding-top: 107px; padding-bottom: 29px; }
  .breadcrumbs { font-size: 11px; gap: 10px; }
  .breadcrumbs > span::before { padding-right: 10px; }
  .service-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-top: 24px; padding-bottom: 31px; }
  .service-hero-copy .service-eyebrow { font-size: 12px; margin-bottom: 19px; }
  .service-page .service-hero h1 { font-size: clamp(38px, 9.8vw, 62px); line-height: 1.09; letter-spacing: -.055em; max-width: 620px; }
  .service-hero-copy .service-lead { font-size: 14px; margin-top: 23px; max-width: 550px; }
  .service-hero-cta.text-link { font-size: 13px; margin-top: 23px; max-width: 350px; }
  .service-lens { width: min(83%, 350px); }
  .lens-disc { border-width: clamp(24px, 7vw, 32px); padding: 8%; gap: 16px; }
  .lens-disc > strong { font-size: clamp(30px, 8.3vw, 44px); }
  .lens-caption { font-size: 11px; }
  .lens-tags { gap: 2px 10px; }
  .lens-tags > span { font-size: 10px; }
  .service-hero-foot { gap: 15px; padding-top: 10px; }
  .service-contents-link { font-size: 11px; gap: 12px; }
  .service-hero-foot .motion-toggle { font-size: 10px; gap: 6px; }
  .service-hero-foot .motion-toggle > span { font-size: 9px; }
  .service-needs, .service-scope, .service-delivery-section { padding-top: 65px; padding-bottom: 69px; }
  .service-section-heading > p { font-size: 12px; margin-bottom: 20px !important; }
  .service-page .service-section-heading > h2, .service-page .service-delivery-section > h2, .service-page .service-faq > h2 { font-size: clamp(34px, 8.8vw, 48px); line-height: 1.15; letter-spacing: -.045em; }
  .service-needs-grid, .delivery-path { grid-template-columns: minmax(0, 1fr); gap: 26px; margin-top: 30px !important; }
  .service-needs-grid > article { padding-top: 21px; }
  .service-needs-grid h3, .delivery-path h3 { font-size: 23px; margin-bottom: 13px !important; }
  .service-needs-grid p, .delivery-path p { font-size: 13px; max-width: 580px; }
  .service-scope-list { margin-top: 30px; }
  .service-scope-list > article { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 27px 0; }
  .service-scope-list h3 { font-size: 24px; }
  .service-scope-list p { font-size: 13px; }
  .service-scope-list ul { margin-top: 1px !important; }
  .delivery-path > li::before { margin-bottom: 14px; }
  .service-delivery-section .scope-note { font-size: 13px; margin-top: 29px; padding-top: 21px; }
  .service-faq { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-top: 66px; padding-bottom: 68px; }
  .service-faq summary { min-height: 70px; font-size: 19px; gap: 20px; padding: 20px 0; }
  .service-faq details > div { padding-right: 13px; padding-bottom: 23px; }
  .service-faq details p { font-size: 13px; }
  .related-services { padding-top: 56px; padding-bottom: 56px; }
  .service-page .related-services > h2 { font-size: 34px; margin-bottom: 26px; }
  .related-services > nav { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .related-services nav > a { font-size: 22px; min-height: 74px; }
}
@media (max-width: 370px) {
  .service-page .service-hero h1 { font-size: 37px; }
  .service-lens { width: 88%; }
  .lens-disc { gap: 13px; }
  .lens-disc > strong { font-size: 30px; }
  .lens-tags { gap: 2px 8px; }
  .service-hero-foot .motion-toggle { font-size: 9px; }
}
html[data-motion=off] .service-lens { transform: none; }
html[data-motion=off] .related-services a > svg { transition: none; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .service-lens { transform: none !important; }
  .related-services a > svg { transition: none; transform: none !important; }
}

/* Inline links remain identifiable inside explanatory copy. */
.service-scope p a, .service-faq p a { color: #01448a; text-decoration: underline; text-underline-offset: 3px; }
.service-faq summary::after { content: none; }
.service-faq details[open] > summary::after { content: none; }

/* page-transition.css */
/* One continuous iris, using the actual o contour from the Enox wordmark. */
@view-transition { navigation: auto; }
:root { --page-passage-duration: 760ms; }
@media (max-width: 760px) { :root { --page-passage-duration: 620ms; } }
.page-transition-o { position: fixed; left: calc(50vw - 72px); top: calc(50vh - 72px); width: 144px; height: 144px; z-index: 150; pointer-events: none; opacity: 0; }
.page-transition-o svg { width: 100%; height: 100%; fill: #365ed4; }
html[data-page-transition=active] .page-transition-o { opacity: 1; view-transition-name: enox-o; }

/* No automatic crossfade if the early enhancement could not initialize. */
::view-transition-group(*) { animation-duration: 0s; }
html[data-page-transition=active]::view-transition { background: #142635; }
html[data-page-transition=active]::view-transition-group(root) { animation: none; }
html[data-page-transition=active]::view-transition-image-pair(root) { isolation: isolate; }
html[data-page-transition=active]::view-transition-old(root),
html[data-page-transition=active]::view-transition-new(root) {
  width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal;
  animation-duration: var(--page-passage-duration); animation-timing-function: cubic-bezier(.66, 0, .24, 1); animation-fill-mode: both;
}
html[data-page-transition=active]::view-transition-old(root) { animation-name: enox-page-depart; }
html[data-page-transition=active]::view-transition-new(root) { animation-name: enox-page-arrive; }
html[data-page-transition=active]::view-transition-group(enox-o) {
  z-index: 2; transform: none; background: url('/assets/enox-o.svg') center / 100% 100% no-repeat;
  animation: enox-o-passage var(--page-passage-duration) cubic-bezier(.66, 0, .24, 1) both;
}
/* Repaint the vector at its current size instead of magnifying a 144px snapshot. */
html[data-page-transition=active]::view-transition-image-pair(enox-o) { display: none; }

@keyframes enox-page-depart {
  0% { clip-path: circle(var(--gate-from-radius) at var(--gate-from-x) var(--gate-from-y)); opacity: 1; }
  38% { clip-path: circle(42px at var(--gate-to-x) var(--gate-to-y)); opacity: 1; }
  46%, 100% { clip-path: circle(42px at var(--gate-to-x) var(--gate-to-y)); opacity: 0; }
}
@keyframes enox-page-arrive {
  0%, 38% { clip-path: circle(42px at var(--gate-to-x) var(--gate-to-y)); opacity: 0; }
  46% { clip-path: circle(42px at var(--gate-to-x) var(--gate-to-y)); opacity: 1; }
  100% { clip-path: circle(var(--gate-to-radius) at var(--gate-to-x) var(--gate-to-y)); opacity: 1; }
}
@keyframes enox-o-passage {
  0% { width: var(--gate-from-size); height: var(--gate-from-size); left: calc(var(--gate-from-x) - var(--gate-from-size) / 2); top: calc(var(--gate-from-y) - var(--gate-from-size) / 2); }
  38%, 46% { width: 144px; height: 144px; left: calc(var(--gate-to-x) - 72px); top: calc(var(--gate-to-y) - 72px); }
  100% { width: var(--gate-to-size); height: var(--gate-to-size); left: calc(var(--gate-to-x) - var(--gate-to-size) / 2); top: calc(var(--gate-to-y) - var(--gate-to-size) / 2); }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  .page-transition-o { display: none; }
}

/* usability.css */
/* Shared reading and interaction layer. The o remains the signature;
   navigation and actions keep a stable, quiet place around it. */
html { scroll-padding-top: 110px; }
:where(main [id]) { scroll-margin-top: 16px; }
:where(h1, h2, h3) { text-wrap: balance; }
::selection { color: var(--paper); }
.skip-link { color: var(--paper); }

.site-header, .site-header.scrolled, .site-header.on-dark {
  top: 16px;
  left: var(--gutter);
  right: var(--gutter);
  min-height: 68px;
  padding: 10px 16px;
  gap: 24px;
  background: #f4f7fcf5;
  border: 1px solid #14263520;
  border-radius: 8px;
  backdrop-filter: none;
  /* Keep the fixed navigation painted when the portal and BFCache change layers. */
  transform: translateZ(0);
  isolation: isolate;
  backface-visibility: hidden;
  will-change: transform;
}
.site-header.on-dark { background: #142635f5; border-color: #f4f7fc40; }
.site-header:has(.menu-toggle[aria-expanded=true]) { background: var(--paper); border-color: var(--line); }
.main-nav { gap: 8px; margin-right: 12px; font-size: 14px; }
.main-nav a { padding: 10px 12px; border-radius: 5px; min-height: 44px; }
.main-nav a::after { content: none; }
.main-nav a:hover { background: #01448a0c; }
.main-nav a[aria-current=page] { color: var(--blue); background: var(--mist); }
.site-header.on-dark .main-nav a:hover { background: #ffffff14; }
.site-header .nav-contact {
  min-height: 46px;
  padding: 10px 18px;
  gap: 22px;
  background: var(--blue);
  color: var(--paper);
  border: 1px solid transparent;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.site-header .nav-contact:hover { background: var(--ink); }
.site-header.on-dark .nav-contact { background: var(--paper); color: var(--ink); }
.site-header .nav-contact:focus-visible { outline-color: var(--blue); }
.site-header.on-dark .nav-contact:focus-visible { outline-color: var(--ice); }
.menu-toggle .menu-icon { width: 20px; height: 14px; background: none; display: flex; flex-direction: column; justify-content: space-between; transform: none; }
.menu-icon i { width: 20px; height: 2px; background: currentColor; transition: transform .2s; }
.menu-toggle[aria-expanded=true] .menu-icon:last-child { transform: none; }
.menu-toggle[aria-expanded=true] .menu-icon i:first-child { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded=true] .menu-icon i:last-child { transform: translateY(-6px) rotate(-45deg); }
.menu-toggle b { font-size: 13px; font-weight: 600; }

/* Reading paths are native anchors, with comfortable targets. */
.service-hero { position: relative; padding-top: 114px; padding-bottom: 26px; }
.service-hero-grid { padding-top: 24px; padding-bottom: 34px; }
.service-hero-copy .service-lead { font-size: 17px; line-height: 1.75; max-width: 56ch; }
.service-hero-cta.text-link {
  min-height: 56px;
  max-width: 390px;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--paper);
  background: var(--blue);
  border: 1px solid var(--blue);
  border-radius: 5px;
  transition: background-color .2s;
}
.service-hero-cta.text-link:hover { background: var(--ink); border-color: var(--ink); }
.service-hero-foot { align-items: flex-end; gap: 24px; padding-top: 22px; }
.service-contents { flex: 1; min-width: 0; }
.service-page .service-contents-label { font-size: 13px; line-height: 1.5; color: #526477; margin-bottom: 9px; }
.service-contents-links { display: flex; flex-wrap: wrap; gap: 8px; }
.service-contents-links a { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 16px; border: 1px solid #14263535; border-radius: 5px; font-size: 14px; line-height: 1.5; }
.service-contents-links a::after { content: '↓'; color: var(--blue); }
.service-contents-links a:hover { border-color: var(--blue); background: var(--mist); }
.service-hero-foot .motion-toggle, .home-page .motion-toggle { min-height: 44px; font-size: 12px; gap: 8px; }
.service-hero-foot .motion-toggle > span, .home-page .motion-toggle > span { font-size: 11px; }
.service-needs, .service-scope, .service-delivery-section, .service-faq { padding-top: 72px; padding-bottom: 72px; }
.service-needs-grid p, .service-scope-list p, .delivery-path p, .service-faq details p { font-size: 16px; line-height: 1.75; }
.service-scope-list li, .service-delivery-section .scope-note { font-size: 15px; line-height: 1.75; }
.service-scope-list > article { grid-template-columns: minmax(0, .7fr) minmax(0, 1.2fr) minmax(0, .9fr); gap: 4%; }
.service-faq summary { font-size: 20px; line-height: 1.45; }
.service-faq details:has(summary:hover) { background: #dfe8f740; }
.breadcrumbs { font-size: 13px; }

/* Explanatory copy stays readable in the home, SEO and AI modules too. */
.home-page .hero-copy > p { font-size: 16px; line-height: 1.65; max-width: 47ch; margin-top: 20px; }
.home-page .opening-meta { font-size: 12px; }
.home-page .manifesto-bottom > div > p,
.home-page .expertise-top > p, .service-entry-main > p,
.home-page .method-steps article p, .contact .contact-intro > p { font-size: 16px; line-height: 1.75; }
.home-page .method-contract :is(p,span), .service-entry-functions > li { font-size: 14px; line-height: 1.75; }
.seo-offer .seo-intro, .seo-actions p, .seo-followup > div > p, .seo-followup li,
.seo-reading > p:not(.seo-reading-label), .seo-next-action > p, .seo-journal li > p,
.ai-offer .ai-offer-intro > p:not(.ai-demo-disclosure), .ai-offer .ai-delivery p,
.ai-offer .ai-delivery-list dd { font-size: 16px; line-height: 1.75; }
.ai-offer .ai-need, .ai-functions > li, .ai-limits > p,
.ai-example-source > blockquote, .ai-output-text, .ai-output-fields dd { font-size: 16px; line-height: 1.75; }
.ai-offer .ai-human-check { font-size: 15px; line-height: 1.75; }
.ai-scenario-switch > button, .ai-delivery-list dt { font-size: 14px; }
.seo-offer .seo-report-note, .seo-report-disclosure, .ai-offer .ai-demo-disclosure { font-size: 14px; line-height: 1.75; }
.seo-followup { margin-top: 48px; }
.ai-offer .ai-delivery { margin-top: 36px; }
.ai-offer .ai-usecases { margin-top: 46px; }

/* One contact form, from the first field to the server receipt. */
.brief-dialog { overscroll-behavior: contain; }
.brief-header h2 { font-size: clamp(32px, 4vw, 46px); }
.brief-dialog .brief-header > p, .brief-success > p { font-size: 15px; line-height: 1.7; }
.brief-dialog > .form-notice { padding: 16px 18px; margin: 20px 0 28px; background: var(--mist); color: var(--ink); border-radius: 5px; font-size: 14px; line-height: 1.65; }
#contact-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
#contact-form label { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; font-size: 14px; line-height: 1.5; }
#contact-form :is(input,textarea,select) { font-size: 16px; line-height: 1.6; min-height: 48px; padding: 12px; border: 1px solid #8295ab; border-radius: 4px; background: #fff; }
#contact-form textarea { min-height: 140px; resize: vertical; }
#contact-form [aria-invalid=true] { border-color: #a02924; }
.field-error { color: #a02924; font-size: 13px; line-height: 1.5; }
#contact-error { margin-bottom: 22px; padding: 14px 16px; border-left: 3px solid #a02924; background: #fff0ed; color: #84211d; font-size: 14px; line-height: 1.65; }
.form-draft-note { margin: 0 0 20px; font-size: 13px; line-height: 1.65; color: #526477; }
#contact-form :disabled { cursor: wait; opacity: .65; }
.brief-success h3 { font-size: clamp(32px,4vw,45px); }
.brief-success .success-mark { display: grid; place-items: center; width: 64px; height: 64px; border: 2px solid var(--blue); border-radius: 50%; color: var(--blue); }
#contact-reference { padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink); font-size: 14px; }
.choice-group label > span { min-height: 44px; display: flex; align-items: center; padding: 10px 15px; font-size: 14px; }
.brief-dialog .dialog-close, .legal-dialog .dialog-close { min-width: 44px; min-height: 44px; }
.brief-dialog .submit-brief { min-height: 52px; font-size: 15px; }
.brief-dialog .edit-brief { min-height: 44px; font-size: 14px; }
.brief-dialog .form-notice { font-size: 14px; line-height: 1.7; }

@media (max-width: 1100px) {
  .site-header, .site-header.scrolled { gap: 14px; padding: 10px 12px; }
  .main-nav { gap: 0; font-size: 13px; margin-right: 0; }
  .main-nav a { padding-left: 9px; padding-right: 9px; }
  .site-header .nav-contact { padding: 10px 14px; gap: 16px; font-size: 13px; }
  .service-scope-list > article { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 18px 6%; }
  .service-scope-list ul { grid-column: 2; }
}
@media (max-width: 760px) {
  .site-header, .site-header.scrolled, .site-header.on-dark { backdrop-filter: none; }
  html { scroll-padding-top: 92px; }
  .site-header, .site-header.scrolled { top: 10px; left: 12px; right: 12px; min-height: 64px; padding: 9px 10px; gap: 10px; }
  .site-header .wordmark img { width: 92px; }
  .site-header .nav-contact { margin-left: auto; min-height: 44px; padding: 10px 12px; gap: 0; font-size: 13px; }
  .nav-contact > svg { display: none; }
  .menu-toggle { display: flex; flex-direction: row; align-items: center; gap: 10px; width: auto; min-width: 76px; min-height: 44px; padding: 8px 4px; }
  .mobile-menu { padding: 100px 24px max(28px,env(safe-area-inset-bottom)); gap: 24px; }
  .mobile-menu nav { gap: 0; align-items: stretch; }
  .mobile-menu nav a, .mobile-menu nav > button { display: flex; align-items: center; min-height: 60px; padding: 12px 0; border-bottom: 1px solid var(--line); font: 500 clamp(23px,6vw,32px)/1.35 Manrope,Arial,sans-serif; letter-spacing: -.035em; }
  .mobile-menu nav a[aria-current=page] { font-weight: 700; text-decoration: none; }
  .mobile-menu nav a[aria-current=page]::after { content: '•'; margin-left: auto; color: var(--blue); }
  .mobile-menu nav > button { margin-top: 18px; font-size: 20px; color: var(--blue); }
  .service-hero { padding-top: 96px; padding-bottom: 28px; }
  .breadcrumbs { padding-right: 72px; min-height: 54px; font-size: 12px; gap: 8px; }
  .service-hero-grid { display: block; padding-top: 22px; padding-bottom: 28px; }
  .service-hero-copy .service-eyebrow { display: none; }
  .service-page .service-hero h1 { font-size: clamp(37px,9.8vw,58px); line-height: 1.12; }
  .service-hero-copy .service-lead { margin-top: 22px; font-size: 16px; line-height: 1.7; }
  .service-hero-cta.text-link { max-width: none; margin-top: 24px; padding: 14px 17px; font-size: 15px; }
  .service-lens { position: absolute; top: 102px; right: var(--gutter); width: 54px; transform: none; }
  .lens-disc { padding: 0; border-width: 9px; }
  .lens-disc > * { display: none; }
  .service-hero-foot { flex-wrap: wrap; gap: 10px; padding-top: 20px; }
  .service-contents { flex-basis: 100%; }
  .service-contents-links { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; }
  .service-contents-links a { justify-content: space-between; min-height: 48px; padding: 10px 12px; font-size: 14px; }
  .service-hero-foot .motion-toggle { margin-left: auto; font-size: 12px; }
  .service-needs, .service-scope, .service-delivery-section, .service-faq, .seo-offer, .practical-ai.ai-offer { padding-top: 48px; padding-bottom: 52px; }
  .service-scope-list > article { grid-template-columns: minmax(0,1fr); gap: 17px; }
  .service-scope-list ul { grid-column: auto; }
  .service-faq summary { font-size: 19px; }
  .service-entry-main > h3 { font-size: 27px; }
  .home-page .hero-service-links > a { font-size: 14px; }
  .home-page .scroll-invitation { font-size: 12px; min-height: 44px; }
  .home-page .opening-foot > span { display: none; }
  .brief-dialog { padding: 24px; width: calc(100% - 20px); max-height: calc(100svh - 20px); }
  .brief-header h2 { font-size: 33px; }
  .brief-dialog > .form-notice { padding: 14px; }
  .brief-dialog .dialog-close { margin-bottom: 16px; }
  .choice-group { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .choice-group label > span { height: 100%; border-radius: 5px; }
  .choice-group label:last-child { grid-column: 1 / -1; }
}

/* confidence.css */
/* Enox's circular gesture stays in the experience; trust is expressed in plain text. */
.home-page .method-section { column-gap: 8%; row-gap: 48px; }
.method-heading .person-introduction { max-width: 44ch; margin: 26px 0 0; color: #42576b; font-size: 16px; line-height: 1.75; }
.person-introduction strong { display: block; color: var(--ink); margin-bottom: 8px; }
.trust-commitments { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; padding: 28px 0 0; }
.trust-commitments h3, .method-proof h3 { font-size: 21px; line-height: 1.35; letter-spacing: -.025em; margin-bottom: 12px; }
.trust-commitments p { font-size: 15px; font-weight: 400; line-height: 1.75; color: #42576b; max-width: 48ch; margin: 0; }
.method-proof { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 8%; align-items: center; padding: 32px; background: var(--mist); border-radius: 6px; }
.method-proof p { font-size: 15px; line-height: 1.75; max-width: 59ch; color: #42576b; }
.method-proof nav { display: grid; gap: 8px; }
.method-proof nav a { display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 52px; padding: 12px 0; font-size: 14px; line-height: 1.5; border-bottom: 1px solid #14263540; }
.method-proof nav a:hover { color: var(--blue); }
.method-proof nav svg { width: 18px; height: 18px; flex-shrink: 0; }
.contact .contact-intro .contact-no-commitment { margin-top: 18px; font-size: 14px; line-height: 1.7; color: #dfe8f7; }
.contact-email { display: inline-flex; align-items: center; min-height: 44px; margin-top: 14px; font-size: 18px; text-decoration: underline; text-underline-offset: 5px; }
.contact-email-note { display: block; color: #dfe8f7; font-size: 13px; line-height: 1.6; }
.contact-next-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; list-style: none; padding: 0 0 38px; counter-reset: contact-step; }
.contact-next-steps > li { counter-increment: contact-step; border-top: 1px solid #f4f7fc50; padding-top: 22px; }
.contact-next-steps h3 { display: flex; gap: 14px; align-items: baseline; font-size: 21px; line-height: 1.4; margin-bottom: 12px; letter-spacing: -.025em; }
.contact-next-steps h3::before { content: counter(contact-step, decimal-leading-zero); color: #b5cbf5; font-size: 13px; letter-spacing: 0; }
.contact-next-steps p { max-width: 49ch; font-size: 15px; line-height: 1.75; color: #dfe8f7; }
.site-footer > div { flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.site-footer > div > :is(a,button) { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
.site-footer > div > a { text-decoration: underline; text-underline-offset: 4px; }
.contact-privacy { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 22px; }
.contact-privacy summary { font-size: 14px; min-height: 48px; padding: 12px 0; line-height: 1.6; letter-spacing: 0; }
.contact-privacy > p { font-size: 13px; line-height: 1.7; color: #42576b; padding-bottom: 15px; }
.contact-privacy a, .legal-dialog a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.brief-header .required-note { margin-top: 10px; font-size: 13px; line-height: 1.6; color: #526477; }
.legal-dialog h3 { margin: 28px 0 12px; font-size: 22px; line-height: 1.35; }
.legal-dialog p { font-size: 15px; line-height: 1.75; }
@media (max-width:760px) {
  .home-page .method-section { row-gap: 32px; }
  .trust-commitments { grid-template-columns: minmax(0,1fr); gap: 24px; padding-top: 25px; }
  .method-proof { grid-template-columns: minmax(0,1fr); gap: 20px; padding: 23px; }
  .contact-next-steps { grid-template-columns: minmax(0,1fr); gap: 25px; padding-bottom: 30px; }
  .contact-next-steps > li { padding-top: 18px; }
  .contact-next-steps h3 { font-size: 20px; }
  .contact-email { font-size: 18px; }
  .site-footer > div { flex-basis: 100%; gap: 4px 20px; }
}