@font-face{font-family:Manrope;src:url('/static/home/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--black:#080d0f;--ink:#18292f;--paper:#f2f2ed;--blue:#bde8f7;--muted:#a3b0b6;--line:#ffffff24;--light-line:#1a30322b;--gutter:clamp(22px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--black);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(40px,4.65vw,72px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}h3{line-height:1.3}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1784ac;outline-offset:6px}a:hover{color:var(--blue)}.wrap{width:min(100% - var(--gutter)*2,1440px);margin-inline:auto}.eyebrow{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.13em}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:600;min-height:44px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:18px 25px;min-height:58px;background:var(--blue);color:var(--ink);font-size:13px;font-weight:700;border:1px solid var(--blue);transition:background .2s,color .2s}.button span{font-size:20px;line-height:1}.button:hover{background:#fff;color:var(--ink)}.button-small{padding:12px 20px;min-height:44px;gap:24px}.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;z-index:100;top:0;left:20px;transform:translateY(-150%);background:var(--blue);color:var(--ink);padding:15px}.skip-link:focus{transform:none}[hidden]{display:none!important}
.preview-bar{display:flex;justify-content:center;gap:30px;align-items:center;min-height:34px;padding:3px 20px;background:#20343c;color:#e1edf1;font-size:10px;letter-spacing:.09em}.preview-bar a{letter-spacing:0;text-decoration:underline;text-underline-offset:3px;padding-block:5px}.preview-bar a span{margin-left:6px}.header{display:flex;justify-content:space-between;align-items:center;height:100px;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{display:flex;align-items:center;min-height:44px}.header nav{display:flex;align-items:center;gap:32px;font-size:12px}.header nav>a:not(.button){padding-block:14px}.menu-toggle{background:none;border:1px solid var(--line);min-height:44px;padding:8px 14px;font-size:13px;gap:20px;align-items:center}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-top:53px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a8ddf605 1px,transparent 1px),linear-gradient(90deg,#a8ddf605 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000,transparent);z-index:-1;pointer-events:none}.hero-top .eyebrow{color:#b4c5cc;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px #bde8f766}.hero-heading{display:flex;justify-content:space-between;align-items:end;margin-top:28px;position:relative;z-index:2;gap:30px}h1{font-size:clamp(64px,7.9vw,126px);line-height:1.02;letter-spacing:-.068em;font-weight:500}h1 span{color:var(--blue)}.hero-intro{padding-bottom:8px;flex:0 0 235px}.hero-intro p:first-child{font-size:18px;line-height:1.5}.hero-intro p+p{margin-top:22px;color:var(--muted);font-size:13px;line-height:1.7}.hero-object{height:370px;position:relative;display:flex;align-items:center}.hero-object-caption{z-index:2;color:#a7b6bd;display:flex;flex-direction:column;gap:26px;align-items:start}.round-link{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff38;border-radius:50%;font-size:23px;transition:background .2s,color .2s}.round-link:hover{background:var(--blue);color:var(--ink)}.part-stage{position:absolute;width:min(92%,1120px);height:auto;right:-35px;top:50%;transform:translateY(-50%);pointer-events:none}.hero-part{width:100%;mix-blend-mode:screen;transform:translate3d(var(--part-x,0px),var(--part-y,0px),0) rotate(-9deg);transition:transform .7s cubic-bezier(.2,.6,.2,1);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 93%,transparent)}.part-coordinate{position:absolute;right:10%;bottom:22%;font:9px ui-monospace,monospace;letter-spacing:.1em;color:#84969e;transform:rotate(-9deg)}.hero-object-detail{z-index:2;position:absolute;right:1%;top:36%;display:grid;gap:15px;justify-items:start;font:9px ui-monospace,monospace;letter-spacing:.09em;color:#a4b7bf}.hero-object-detail i{height:60px;border-left:1px solid #a4b7bf55;margin-left:5px}.hero-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-block:8px 46px;border-bottom:1px solid var(--line);gap:20px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-bottom>p{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:25px}.heading-aside{flex:0 0 300px;font-size:15px;color:var(--muted);padding-bottom:5px}.heading-aside .text-link{margin-top:20px;color:var(--paper)}.journey{padding:98px 0 48px;background:linear-gradient(var(--black),#111a1e)}.journey h2 span{color:#94a5ae}.film-shell{width:min(100% - var(--gutter)*2,1440px);margin-inline:auto;border:1px solid #ffffff25;background:#03090d;box-shadow:0 35px 85px #0005}.film-topline{display:flex;justify-content:space-between;padding:20px 27px;border-bottom:1px solid #ffffff15;color:#b7c5cd}.film-topline .eyebrow{font-size:10px}.cinematic-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:#03090d}.cinematic-art picture,.cinematic-poster,#journeyVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cinematic-poster{object-fit:cover}.cinematic-art picture{transition:opacity .3s}#journeyVideo{opacity:0;transition:opacity .3s}.is-ready #journeyVideo{opacity:1}.is-ready .cinematic-art picture{opacity:0}.film-bottom{min-height:94px;display:flex;align-items:center;gap:30px;padding:22px 27px;border-top:1px solid #ffffff18}.film-chapter{display:flex;align-items:center;gap:18px;flex:1}.film-chapter>span{color:#8eb6c8;font:12px ui-monospace,monospace}.film-chapter p{font-size:14px;letter-spacing:-.02em}#journeyControls{display:flex;align-items:center;gap:25px;flex:1}#journeyToggle{background:none;border:0;padding:10px 0;white-space:nowrap;min-height:44px;font-size:12px;min-width:99px;text-align:left}#journeyToggle span{margin-left:12px}.film-scrubber{display:flex;flex:1;flex-direction:column;gap:2px}.film-scrubber input{width:100%;margin:0;min-height:25px;accent-color:var(--blue);cursor:pointer}.film-scrubber>span:last-child{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#a4b7bf}.journey-notes{display:flex;justify-content:space-between;gap:30px;font-size:10px;padding-top:20px;color:#a9b7be}.journey-notes>span{font-size:9px;color:#9aadb5}
.section-light{background:var(--paper);color:var(--ink)}.section-light a:hover{color:#28657c}.work{padding:110px 0 80px}.section-light .heading-aside{color:#607077}.section-light .heading-aside .text-link{color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:5.5%;row-gap:65px;align-items:start}.work-image{overflow:hidden;background:#22292b}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.3,1)}.work-image:hover img{transform:scale(1.035)}.work-large .work-image{aspect-ratio:1.05}.work-small{margin-top:150px}.work-small .work-image{aspect-ratio:1.21}.work-wide .work-image{aspect-ratio:1.23}.work-grid figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--light-line);font-size:12px}.work-grid figcaption small{font-size:8px;letter-spacing:.09em;color:#546970}.work-statement{padding:50px 0 0 13%}.work-statement>.eyebrow{color:#596e78}.work-statement>p{margin:30px 0 24px;font-size:clamp(35px,3.6vw,57px);line-height:1.15;letter-spacing:-.05em}.work-statement em{font-style:normal;color:#68828e}.photo-note{font-size:11px;color:#607077;margin-top:35px}.materials{padding:80px 0 110px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:65px;border-top:1px solid var(--light-line)}.material-copy>.eyebrow{margin-bottom:24px}.body-copy{font-size:15px;line-height:1.8;color:#566a73;max-width:350px;margin-top:25px}.material-options{margin-top:34px;border-top:1px solid var(--light-line)}.material-options details{border-bottom:1px solid var(--light-line)}.material-options summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:19px;letter-spacing:-.035em;gap:20px;min-height:64px}.material-options summary::-webkit-details-marker{display:none}.material-options summary>span:last-child{font:10px ui-monospace,monospace;color:#516972}.material-options details[open] summary{color:#245d73}.material-options details div{padding:0 0 20px;font-size:12px;color:#536a74}.material-options details a{display:inline-flex;gap:35px;align-items:center;min-height:44px;margin-top:4px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}.stock-note{font-size:10px;color:#586d77;margin-top:18px}.material-visual{padding-top:4px}.material-sample{position:relative;aspect-ratio:1;background:#b8c0c0;overflow:hidden}.material-sample img{width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:opacity .25s}.sample-frame{position:absolute;inset:15%;border:1px solid #ffffffa6;transform:rotate(-14deg);box-shadow:0 10px 25px #1113}.sample-frame:before,.sample-frame:after{content:'';position:absolute;width:25px;height:25px;border:1px solid #fff8;border-radius:50%;top:22px;left:22px}.sample-frame:after{left:auto;top:auto;right:22px;bottom:22px}.sample-label{position:absolute;bottom:30px;left:30px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.16em;text-shadow:0 1px 8px #000}.sample-mark{position:absolute;top:28px;left:30px;color:#fff;font:10px ui-monospace,monospace;text-shadow:0 1px 8px #000}.coating{display:grid;grid-template-columns:35% 1fr;gap:22px;align-items:center;margin-top:24px}.coating img{aspect-ratio:1;object-fit:cover}.coating .eyebrow{font-size:9px;color:#596d76}.coating h3{font-size:20px;letter-spacing:-.04em;margin:8px 0}.coating .text-link{font-size:11px;gap:16px}
.people{display:grid;grid-template-columns:1.05fr 1fr;background:#15262e}.people-picture{position:relative;min-height:670px;overflow:hidden}.people-picture img{height:100%;width:100%;object-fit:cover;object-position:48% center}.photo-stamp{position:absolute;bottom:25px;left:30px;color:#fff;background:#0c171ccc;font-size:9px;letter-spacing:.13em;padding:11px 15px}.people-copy{padding:80px clamp(30px,4.5vw,80px)}.people-copy h2{font-size:clamp(35px,3.55vw,55px);margin:27px 0 32px}.people-copy h2 span{color:var(--blue)}.people-copy>p:not(.eyebrow){max-width:400px;color:#b6c5cc;font-size:14px;line-height:1.85;margin-top:15px}.people-actions{display:flex;flex-direction:column;align-items:start;margin-top:24px;gap:30px}.workshop-link{display:flex;align-items:center;gap:15px;font-size:12px;border-top:1px solid var(--line);padding-top:24px;width:100%}.workshop-link small{display:block;font-size:10px;color:#a9bbc4;margin-top:3px}.play-circle{display:grid;place-items:center;width:45px;height:45px;border:1px solid #aec9d35c;border-radius:50%;font-size:11px;flex-shrink:0}.help{padding:85px 0}.help-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6%}.help h2{font-size:37px;margin-top:23px}.help-item{border-top:1px solid var(--light-line);padding-top:20px;position:relative}.help-icon{position:absolute;top:15px;right:2px;font-size:25px}.help-item h3{font-size:21px;letter-spacing:-.035em;margin:20px 0 13px}.help-item p{font-size:13px;color:#566d76;line-height:1.9;max-width:260px}.help-item>.text-link{font-size:11px;margin-top:24px}.final-cta{padding:85px 0 60px;background:var(--blue);color:var(--ink);overflow:hidden}.final-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px 50px}.final-heading h2{font-size:clamp(85px,15.5vw,230px);font-weight:500;letter-spacing:-.075em;line-height:1}.quote-circle{width:180px;height:180px;border-radius:50%;flex:0 0 180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--blue);font-size:15px;line-height:1.45;transition:transform .3s,background .3s}.quote-circle>span:last-child{font-size:30px}.quote-circle:hover{transform:rotate(-7deg);background:#080d0f}.final-bottom{border-top:1px solid #18292f35;display:flex;align-items:center;justify-content:space-between;padding-top:25px;gap:25px;font-size:13px}.final-bottom a:hover{color:#28657c}.footer{padding-block:60px 25px}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:40px}.footer-top p{color:#a3b6bf;font-size:12px}.footer-top .text-link{margin-left:auto}.footer nav{display:flex;gap:30px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.footer nav a{min-height:44px;display:flex;align-items:center}.footer nav a:last-child{margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#96aab4;font-size:9px;letter-spacing:.06em;padding-top:25px}
dialog{width:min(100% - 32px,1000px);max-height:90svh;background:#101c22;color:var(--paper);border:1px solid #566a74;padding:24px}dialog::backdrop{background:#02080dee;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:27px}.dialog-heading button{background:none;border:1px solid #68818b;padding:10px 18px;min-height:44px;font-size:12px}.dialog-heading button span{margin-left:15px}dialog video{width:100%;max-height:65svh;background:#000}dialog>p{font-size:11px;color:var(--muted);margin-top:10px}
.menu-toggle{display:none}.hero{background:var(--black)}.part-stage{mix-blend-mode:screen}.hero-part{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 93%,transparent),linear-gradient(transparent,#000 26%,#000 75%,transparent);mask-composite:intersect}
@media(min-width:1700px){.hero-object{height:450px}.part-stage{right:0}}@media(max-width:1150px){.header nav{gap:22px}.hero-intro{flex-basis:190px}.hero-intro p:first-child{font-size:16px}h1{font-size:7.7vw}.hero-object{height:320px}.hero-object-caption .eyebrow{font-size:9px}.hero-object-detail{right:-2%}.hero-bottom>p{max-width:145px;font-size:8px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px;gap:15px}.work-grid figcaption{flex-direction:column;gap:4px}.people-picture{min-height:620px}.people-copy{padding-block:65px}.help h2{font-size:30px}.quote-circle{width:145px;height:145px;flex-basis:145px}.journey-notes{font-size:9px}}
@media(max-width:850px){.header{height:85px}.header .logo img{width:145px}.header nav{gap:18px}.header nav>a:not(.button){font-size:11px}.hero{padding-top:40px}.hero-heading{gap:15px}.hero-intro{flex-basis:160px}.hero-intro p:first-child{font-size:14px}.hero-intro p+p{font-size:11px;margin-top:15px}h1{font-size:7.6vw}.hero-object{height:295px}.hero-object-detail{display:none}.hero-bottom>p{display:none}.section-heading{gap:30px}.heading-aside{flex-basis:230px;font-size:13px}.journey{padding-top:70px}.journey-notes{display:block}.journey-notes span{display:block;margin-top:8px}.work{padding-top:75px}.work-small{margin-top:90px}.work-statement{padding:20px 0 0}.work-grid{gap:40px 5%}.material-grid{gap:6%}.materials{padding:40px 0 75px}.coating{display:block}.coating img{width:110px;float:left;margin-right:17px}.coating h3{font-size:18px}.people{grid-template-columns:1fr}.people-picture{height:520px;min-height:0}.people-picture img{object-position:50% 45%}.people-copy{padding:55px var(--gutter)}.people-copy h2{font-size:46px}.people-copy>p:not(.eyebrow){max-width:600px}.people-actions{flex-direction:row;align-items:center;gap:40px}.workshop-link{border:0;padding:0;width:auto}.help-grid{grid-template-columns:1fr 1fr}.help-grid>div:first-child{grid-column:1/-1;margin-bottom:12px}.help h2{font-size:42px}.help{padding:65px 0}.final-cta{padding-top:65px}.footer-top{gap:35px}.footer-top>img{width:145px}}
@media(max-width:680px){:root{--gutter:22px}html{scroll-padding-top:15px}.preview-bar{justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.05em;min-height:35px}.preview-bar a{font-size:9px}.header{height:76px;flex-wrap:wrap}.menu-toggle:not([hidden]){display:flex}.header:has(.menu-toggle:not([hidden])) nav{display:none}.header:has(.menu-toggle[aria-expanded=true]) nav{display:flex}.header nav{width:100%;background:#101c22;flex-direction:column;align-items:stretch;padding:18px 22px;gap:0;position:absolute;top:76px;left:0;border:1px solid #30434d}.header nav>a:not(.button){font-size:15px;min-height:48px}.header nav .button{margin-top:12px}.header:has(.menu-toggle[hidden]){height:auto;min-height:76px;padding-top:20px}.header:has(.menu-toggle[hidden]) nav{position:static;background:none;border:0;padding:12px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.hero{padding-top:32px}.hero-top .eyebrow{font-size:8px;letter-spacing:.09em;gap:7px}.hero-heading{margin-top:25px;display:block}h1{font-size:clamp(38px,10.8vw,72px);letter-spacing:-.065em;line-height:1.08}.hero-intro{margin-top:23px;display:flex;justify-content:space-between;gap:20px;padding:0}.hero-intro p:first-child{font-size:12px;line-height:1.7}.hero-intro p+p{font-size:10px;line-height:1.8;margin-top:0}.hero-object{height:260px;margin-top:0;width:100%;}.part-stage{right:-7%;width:116%;max-width:none}.hero-part{transform:rotate(-13deg)}.hero-object-caption{position:absolute;left:var(--gutter);bottom:15px}.hero-object-caption .eyebrow{display:none}.round-link{width:40px;height:40px;font-size:19px}.part-coordinate{font-size:7px;right:16%;bottom:19%}.hero-bottom{padding:5px 0 35px}.hero-actions{width:100%;align-items:stretch;gap:13px;flex-wrap:wrap}.hero-actions .button{flex:1;font-size:12px;gap:20px;padding:16px 20px;min-height:55px}.hero-actions .text-link{justify-content:center;gap:15px;font-size:10px;padding-inline:3px}.journey{padding-top:55px;padding-bottom:30px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{font-size:9px;margin-bottom:19px}h2{font-size:39px}.heading-aside{margin-top:22px;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:11px;line-height:1.8;padding:0}.heading-aside p br{display:none}.heading-aside p{max-width:205px}.heading-aside .text-link{font-size:10px;gap:8px;white-space:nowrap;min-height:36px;margin:0}.film-shell{width:calc(100% - 28px)}.film-topline{padding:15px 15px}.film-topline .eyebrow{font-size:8px}.cinematic-art{aspect-ratio:3/4}.film-bottom{display:block;padding:15px;min-height:90px}.film-chapter{gap:12px}.film-chapter p{font-size:12px}.film-chapter>span{font-size:10px}#journeyControls{margin-top:12px;gap:20px}.film-scrubber input{min-height:34px}.journey-notes{font-size:8px;line-height:1.8}.journey-notes>span{font-size:8px}.work{padding:60px 0 45px}.work-grid{grid-template-columns:1fr;gap:30px}.work-small{margin:0}.work-small .work-image{aspect-ratio:1.25}.work-grid figcaption{flex-direction:row;gap:10px;font-size:11px;padding-top:12px}.work-grid figcaption small{font-size:7px;max-width:115px;text-align:right}.work-statement{padding:20px 0 12px}.work-statement>.eyebrow{font-size:9px}.work-statement>p{font-size:42px;margin:20px 0 16px}.work-statement>p br:first-child{display:none}.photo-note{font-size:9px;max-width:280px;margin-top:22px}.materials{padding:15px 0 60px}.material-grid{grid-template-columns:1fr;padding-top:45px;gap:30px}.material-copy>.eyebrow{font-size:9px;margin-bottom:20px}.body-copy{font-size:13px;margin-top:20px;max-width:310px}.material-options{margin-top:25px}.material-options summary{font-size:18px;padding:17px 0;min-height:60px}.material-options details div{padding-bottom:14px}.material-visual{padding:0}.material-sample{aspect-ratio:1.2}.sample-label{font-size:10px}.coating{display:flex;align-items:center;margin-top:20px;gap:20px}.coating img{width:110px;float:none;margin:0}.coating h3{font-size:19px}.people-picture{height:350px}.photo-stamp{left:22px;bottom:20px;font-size:8px}.people-copy{padding:42px var(--gutter) 48px}.people-copy>.eyebrow{font-size:9px}.people-copy h2{font-size:36px;margin:22px 0 25px}.people-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.people-actions{flex-direction:column;align-items:start;gap:20px}.people-actions>.text-link{font-size:12px}.workshop-link{padding-top:22px;border-top:1px solid var(--line);width:100%}.help{padding:50px 0}.help-grid{grid-template-columns:1fr;gap:28px}.help .eyebrow{font-size:9px}.help h2{font-size:35px;margin-top:18px}.help-item h3{margin-top:8px}.help-item p{max-width:320px}.help-item>.text-link{margin-top:14px}.final-cta{padding:45px 0 35px}.final-cta .eyebrow{font-size:9px}.final-heading{gap:12px;flex-wrap:wrap;padding:28px 0 32px}.final-heading h2{font-size:21vw;white-space:nowrap}.quote-circle{width:100px;height:100px;flex-basis:100px;font-size:11px;gap:4px;margin-left:auto}.quote-circle>span:last-child{font-size:21px}.final-bottom{display:block;font-size:11px;padding-top:20px}.final-bottom .text-link{font-size:11px;margin-top:14px;gap:24px}.footer{padding-top:40px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:25px}.footer-top p{font-size:10px;margin-left:auto}.footer-top .text-link{margin:0;font-size:11px}.footer nav{gap:4px 24px;padding-block:15px;font-size:10px}.footer nav a:last-child{margin-left:0}.footer-bottom{font-size:8px;letter-spacing:0}.dialog-heading h2{font-size:22px}.dialog-heading button{padding:9px 12px}dialog{padding:18px}}
@media(max-width:360px){.hero-intro{gap:10px}.hero-intro p:first-child{font-size:11px}.hero-intro p+p{font-size:9px}.hero-object{height:235px}.hero-actions{flex-direction:column;gap:7px}.hero-actions .text-link{min-height:40px}.heading-aside{display:block}.heading-aside .text-link{margin-top:10px}h2{font-size:35px}.people-copy h2{font-size:31px}.work-grid figcaption small{max-width:95px}.coating{gap:15px}.coating img{width:90px}.coating h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-part{transform:rotate(-9deg)!important}.work-image:hover img,.quote-circle:hover{transform:none}}

/* Anchor destinations clear the original sticky site header. */
#top .cio-header{background:var(--black);border-bottom-color:transparent;transition:background-color .3s ease,border-color .3s ease}
#top .cio-header.header-scrolled{background:#17232c;border-bottom-color:#ffffff18}
@media(max-width:1023px){#top .cio-header:not(.header-scrolled).cio-enhanced .cio-nav{background:var(--black)}}
html{scroll-padding-top:96px}.skip-link{z-index:200}
@media(max-width:1023px){html{scroll-padding-top:84px}}

/* Keep the final quote invitation proportionate to the factual page copy. */
.final-heading h2{font-size:clamp(42px,5.5vw,80px);letter-spacing:-.055em;white-space:normal}
.quote-action{background:var(--ink);border-color:var(--ink);color:var(--blue);white-space:nowrap}
.hero-quote,.journey-quote,.quote-action{border-radius:5px}
@media(max-width:680px){.hero-intro{display:block;max-width:300px}.hero-intro p:first-child{font-size:15px}.hero-intro p+p{font-size:13px;margin-top:8px}.final-heading{gap:25px}.hero-object-caption .eyebrow{display:none}}

/* The still and motion share exactly the same framing and mask. */
.hero-object{height:420px;touch-action:pan-y}
.part-stage{top:44%}
.hero-part-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.part-ready .hero-part-still{opacity:0}
.part-ready .hero-part-motion{opacity:1}
@media(max-width:1150px){.hero-object{height:370px}}
@media(max-width:850px){.hero-object{height:340px}}
@media(max-width:680px){.hero-object{height:300px}.part-stage{top:40%}.hero-object-caption{bottom:8px}}

/* Quote first; the artwork is secondary to the route into ordering. */
@media(min-width:681px){.hero-top.wrap{width:min(calc(100% - 40px),1600px)}}
.hero-lead{min-width:0;position:relative;z-index:4}
.hero-lead .hero-actions{margin-top:28px}
.hero-lead .hero-actions .button{text-shadow:none}
.hero-intro{align-self:center}
.hero-bottom{padding:30px 0 0;min-height:0}
.hero-object{margin-top:-12px}

/* The journey occupies the page, with copy and controls over its imagery. */
.journey{padding:0;background:#03090d}
.film-shell{position:relative;width:100%;max-width:none;height:clamp(580px,calc(100svh - 72px),900px);border:0;box-shadow:none;background:#03090d;overflow:hidden;isolation:isolate}
.journey .cinematic-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent;mix-blend-mode:lighten}
.journey #journeyVideo,.journey .cinematic-poster{object-fit:contain}
.journey-overlay-top{position:absolute;top:32px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px}
.journey-overlay-top h2{font-size:24px;letter-spacing:-.04em;text-shadow:0 2px 15px #000}
.journey-overlay-top .text-link{font-size:12px}
.journey-shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(#03090dde 0%,transparent 22%,transparent 57%,#03090db8 82%,#03090d 100%)}
.journey .film-bottom{position:absolute;bottom:90px;left:0;right:0;z-index:3;min-height:0;padding:0;border:0;display:flex;align-items:end;justify-content:space-between;gap:30px}
.journey .film-chapter{flex:0 1 auto;min-width:0}
.journey .film-chapter p{font-size:clamp(30px,4.3vw,64px);line-height:1.12;letter-spacing:-.05em;font-weight:500;max-width:750px;text-shadow:0 2px 20px #03090d}
.journey .journey-quote{flex:0 0 auto}
.journey #journeyControls{position:absolute;bottom:22px;left:0;right:0;z-index:4;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.journey #journeyToggle{min-width:80px;font-size:12px}
.journey .film-scrubber{flex:0 1 260px}
.journey .film-scrubber input{appearance:none;background:transparent;height:44px;cursor:ew-resize}
.journey .film-scrubber input::-webkit-slider-runnable-track{height:2px;background:#c1e4f26b}
.journey .film-scrubber input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:var(--blue)}
.journey .film-scrubber input::-moz-range-track{height:2px;background:#c1e4f26b}
.journey .film-scrubber input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--blue)}
.journey-end-title{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:calc(50% + var(--journey-logo-half,50px) + 28px);text-align:center;font-size:clamp(24px,3vw,42px);line-height:1.2;letter-spacing:-.04em;opacity:var(--outro-opacity,0);pointer-events:none}
.journey.journey-outro .film-bottom{inset:0;width:100%;height:100%;max-width:none;display:block;pointer-events:none}
.journey-outro .film-chapter{position:absolute;left:var(--gutter);bottom:90px;opacity:var(--delivery-opacity,1)}
.journey.journey-outro .journey-quote{position:absolute;left:50%;top:calc(50% + var(--journey-logo-half,50px) + 28px);transform:translateX(-50%);opacity:var(--outro-opacity,0);white-space:nowrap;pointer-events:auto}
@media(max-width:1023px){.film-shell{height:clamp(540px,calc(100svh - 64px),820px)}}
@media(max-width:680px){
 .hero-lead .hero-actions{margin-top:23px;flex-direction:row;gap:15px;align-items:center}
 .hero-lead .hero-actions .button{flex:0 1 auto;min-height:52px;padding:15px 18px;gap:20px;font-size:12px}
 .hero-lead .hero-actions .text-link{font-size:10px;gap:8px;padding:0;white-space:nowrap;min-height:44px}
 .hero-intro{margin-top:21px}.hero-object{margin-top:0}.hero-bottom{padding-top:20px}
 .film-shell{height:clamp(540px,calc(100svh - 64px),780px)}
 .journey-overlay-top{top:22px}.journey-overlay-top h2{font-size:21px}
 .journey .film-bottom{bottom:80px;display:flex;flex-direction:column;align-items:start;gap:20px}
 .journey .film-chapter p{font-size:34px;max-width:100%}
 .journey .journey-quote{font-size:13px;min-height:52px;padding:14px 20px;gap:32px}
 .journey #journeyControls{bottom:15px;margin-top:0;gap:25px}.journey .film-scrubber{flex-basis:180px}
 .journey .journey-shade{background:linear-gradient(#03090dda,transparent 24%,transparent 53%,#03090dc9 80%,#03090d)}
 .journey-outro .film-chapter{bottom:80px}
 .journey-end-title{bottom:calc(50% + var(--journey-logo-half,20px) + 24px)}
 .journey.journey-outro .journey-quote{top:calc(50% + var(--journey-logo-half,20px) + 24px);max-width:calc(100% - 44px)}
}
@media(max-width:360px){.hero-lead .hero-actions{gap:10px;flex-wrap:nowrap}.hero-lead .hero-actions .button{font-size:11px;gap:12px;padding:14px}.hero-lead .hero-actions .text-link{font-size:9px;gap:5px}.journey .film-chapter p{font-size:30px}}

/* Workshop footage and an unhurried, swipeable photo gallery. */
.work-showcase{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.workshop-inline{position:relative;aspect-ratio:4/3;background:#070a0b;overflow:hidden}
.workshop-inline video{display:block;width:100%;height:100%;object-fit:cover}
.workshop-inline button,.workshop-direct{position:absolute;bottom:16px;right:16px;min-height:44px;padding:10px 16px;border:1px solid #ffffff59;background:#0b171ddd;color:#fff;font-size:12px}
.workshop-inline button span{margin-left:14px}
.parts-carousel{min-width:0}
.parts-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:#090b0c}
.parts-track::-webkit-scrollbar{display:none}
.parts-slide{flex:0 0 100%;min-width:0;aspect-ratio:4/3;scroll-snap-align:start;scroll-snap-stop:always}
.parts-slide img{width:100%;height:100%;object-fit:contain}
.parts-carousel-bar{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:15px;min-height:61px}

.parts-carousel-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.parts-carousel-controls>span{font-size:11px;color:#52656c;margin-right:12px;font-variant-numeric:tabular-nums}
.parts-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #a5b0b3;background:transparent;color:var(--ink);font-size:22px;transition:background .2s}
.parts-carousel-controls button:hover:not(:disabled){background:#dce6e7}
.parts-carousel-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:800px){.work-showcase{grid-template-columns:1fr;gap:24px}.work .section-heading{display:flex;align-items:end;gap:20px}.work .section-heading h2{font-size:36px}.work .section-heading>.text-link{font-size:11px;gap:12px;flex-shrink:0}.parts-carousel-controls>span{margin-right:5px}}
@media(max-width:380px){.work .section-heading{display:block}.work .section-heading>.text-link{margin-top:15px}.parts-carousel-controls{gap:4px}.parts-carousel-controls>span{font-size:10px}.parts-carousel-bar{gap:8px}}

/* Keep the gallery and material options visually connected. */
.work{padding-bottom:36px}
.materials{padding-top:0}
.material-grid{padding-top:32px}
@media(max-width:680px){.work{padding-bottom:24px}.material-grid{padding-top:24px}}

/* Quiet ordering details and a compact manufacturing reference. */
.hero-facts{margin-top:16px;font-size:12px;line-height:1.65;color:#a3b0b6}
.hero-facts p+p{margin-top:3px}.hero-facts span{color:#e2e8e9}
.technical-reference{margin-top:48px;padding-top:28px;border-top:1px solid var(--light-line)}
.technical-reference>h3{font-size:25px;letter-spacing:-.035em;margin-bottom:26px}
.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.grade-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.grade-table th,.grade-table td{padding:13px 0;border-bottom:1px solid var(--light-line)}
.grade-table thead th{font-size:11px;font-weight:500;color:#52656c;padding-top:0}
.grade-table tbody th{font-weight:500}.grade-table td{font-weight:600;text-align:right}.grade-table thead th:last-child{text-align:right}
.tolerance-reference{padding:25px 28px 24px;border:1px solid #d4dfe0;border-radius:8px;background:#fafbf8}
.tolerance-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tolerance-heading h4{margin:0;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.tolerance-heading>p{font-size:30px;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}.tolerance-heading>p span{font-size:11px;letter-spacing:0;color:#52656c}
.tolerance-explainer{margin-top:12px;font-size:13px;line-height:1.65;color:#52656c;max-width:370px}
.tolerance-chart{margin-top:23px}.tolerance-chart figcaption{font-size:11px;color:#52656c}
.tolerance-drawing{display:block;width:100%;max-width:360px;height:auto;margin:6px auto 8px;font-family:Manrope,Arial,sans-serif}
.tolerance-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;border-radius:4px;background:#e5f2f5}
.tolerance-result>span{font-size:12px;line-height:1.5;max-width:125px;color:#35515c}.tolerance-result strong{font-size:25px;line-height:1.3;letter-spacing:-.035em;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.tolerance-result small{font-size:12px;font-weight:500;letter-spacing:0}
.tolerance-note{font-size:12px;color:#52656c;line-height:1.7;margin-top:18px}.tolerance-note strong{display:block;color:#354e58;font-weight:500}.tolerance-note a{display:inline-block;margin-top:5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.tolerance-note a:hover{color:#26617a}
.edge-condition{font-size:12px;line-height:1.7;color:#52656c;margin-top:20px}.edge-condition strong{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}
@media(max-width:800px){.technical-grid{grid-template-columns:1fr;gap:30px}.technical-reference{margin-top:32px;padding-top:24px}.technical-reference>h3{font-size:23px;margin-bottom:22px}}
@media(max-width:680px){.hero-facts{font-size:11px;margin-top:13px}.grade-table{font-size:13px}.tolerance-reference{padding:22px 18px}.tolerance-heading h4{font-size:16px}.tolerance-heading>p{font-size:28px}.tolerance-result{padding:13px 12px}.tolerance-result strong{font-size:23px}}

/* Original homepage footer, isolated from the concept footer styles. */
.original-footer-shell{background:#f7f8f6;color:#203640}
#footer.footer-complete{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2fr);align-items:start;gap:48px;width:calc(100% - 112px);max-width:1280px;margin:0 auto;padding:42px 0;border-top:1px solid #d7dfe1;font-size:16px;line-height:1.6}
#footer .footer-logo img{width:146px;height:auto;filter:brightness(0) saturate(100%) invert(25%) sepia(17%) saturate(1329%) hue-rotate(151deg) brightness(92%) contrast(92%)}
#footer .footer-brand p{font-size:12px;color:#62727b;margin-top:15px}
#footer .footer-top{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin:16px 0 0;padding:0;font-size:12px;color:#1f4e5f}
#footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;border:0}
#footer .footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
#footer .footer-link-group h3{font-size:13px;font-weight:600;line-height:1.6;margin-bottom:10px;letter-spacing:0}
#footer .footer-link-group a{display:flex;align-items:center;min-height:32px;font-size:14px;color:#62727b;margin:0}
#footer a:hover{color:#1f4e5f;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){#footer.footer-complete{grid-template-columns:1fr;gap:30px}#footer .footer-link-group a{min-height:44px}}
@media(max-width:600px){#footer.footer-complete{width:calc(100% - 40px);padding-block:32px}#footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}}

@media(max-width:360px){.tolerance-heading{align-items:start;flex-direction:column;gap:8px}.tolerance-result{align-items:start;flex-direction:column;gap:5px}.tolerance-result>span{max-width:none}}

/* Give the first quote action a clear, calm priority over the film link. */
.hero-lead .hero-actions{align-items:flex-start}
.hero-quote-group{min-width:0}
.hero-lead .hero-actions .hero-quote{
  min-height:64px;padding:15px 20px 15px 26px;gap:32px;
  font-size:15px;font-weight:800;white-space:nowrap;
  border-color:#d5f3ff;
  box-shadow:0 0 0 4px #bde8f709,0 0 30px #bde8f719,0 8px 22px #0003;
  transition:background .2s,box-shadow .2s,transform .2s;
}
.hero-lead .hero-actions .hero-quote span{
  display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;
  border-radius:4px;background:#18292f12;font-size:21px;
  transition:transform .2s;
}
.hero-quote-note{margin-top:12px;font-size:12px;line-height:1.6;color:#bdcbd1}
.hero-lead .hero-actions>.text-link{min-height:64px;color:#b7c3c9}
.hero-lead .hero-actions>.text-link:hover{color:var(--blue)}
.hero-lead .hero-actions .hero-quote:focus-visible{outline:3px solid #e5f8ff;outline-offset:7px}
@media(hover:hover){
  .hero-lead .hero-actions .hero-quote:hover{
    background:#d7f2fc;box-shadow:0 0 0 4px #bde8f70c,0 0 36px #bde8f725,0 10px 24px #0004;
    transform:translateY(-2px);
  }
  .hero-lead .hero-actions .hero-quote:hover span{transform:translateX(2px)}
}
@media(max-width:680px){
  .hero-lead .hero-actions{gap:18px}
  .hero-lead .hero-actions .hero-quote{min-height:58px;padding:12px 16px;gap:22px;font-size:14px}
  .hero-lead .hero-actions>.text-link{min-height:58px}
}
@media(max-width:480px){
  .hero-lead .hero-actions{display:grid;grid-template-columns:1fr;gap:6px}
  .hero-lead .hero-actions .hero-quote{width:100%;padding-inline:20px}
  .hero-quote-note{margin-top:10px}
  .hero-lead .hero-actions>.text-link{min-height:44px;justify-self:start;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .hero-lead .hero-actions .hero-quote:hover,.hero-lead .hero-actions .hero-quote:hover span{transform:none}
}

/* Keep ordering details beside the final quote invitation. */
.quote-details p+p{margin-top:8px;font-size:12px}

/* A small pool of light follows the quote button's edge without covering its label. */
.hero-lead .hero-actions .hero-quote{position:relative;isolation:isolate}
.hero-quote::before,.hero-quote::after{
  content:"";position:absolute;pointer-events:none;z-index:1;
  background:radial-gradient(circle,#effbffe6 0%,#bde8f766 35%,transparent 70%) -50px -50px / 100px 100px no-repeat;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  animation:hero-quote-edge-light 10s linear infinite;
}
.hero-quote::before{inset:-2px;padding:2px;border-radius:7px;opacity:.7}
.hero-quote::after{inset:-5px;padding:5px;border-radius:10px;filter:blur(4px);opacity:.45}
@keyframes hero-quote-edge-light{
  0%,100%{background-position:-50px -50px}
  40%{background-position:calc(100% + 50px) -50px}
  50%{background-position:calc(100% + 50px) calc(100% + 50px)}
  90%{background-position:-50px calc(100% + 50px)}
}
@media(prefers-reduced-motion:reduce){
  .hero-quote::before,.hero-quote::after{animation:none;opacity:0}
}

/* Keep the secondary journey link underneath the complete quote invitation. */
.hero-lead .hero-actions{display:flex;flex-direction:column;gap:8px}
.hero-lead .hero-actions>.text-link{min-height:44px}
@media(max-width:480px){.hero-quote-group{width:100%}}