.site-header{position:fixed;inset:0 0 auto 0;height:var(--hdr);z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);background:var(--paper);border-bottom:1px solid var(--silver)}.site-header.is-clear{background:transparent;border-color:transparent}.site-header .logo svg{height:44px;width:auto;display:block}.site-header .logo .w{display:none}.site-header.is-clear .logo .w{display:block}.site-header.is-clear .logo .n{display:none}.site-header nav{display:flex;gap:32px}.site-header nav a{color:var(--ink);text-decoration:none;font-size:15px}.site-header.is-clear nav a{color:#fff}.site-header .sym{display:none}.hero{position:relative;height:100svh;min-height:560px;color:#fff;overflow:hidden;background:var(--navy)}.hero img,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video[hidden]{display:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 62% 58% at 24% 40%,rgba(16,36,56,.5) 0,rgba(16,36,56,.44) 55%,rgba(16,36,56,0) 100%),linear-gradient(180deg,rgba(16,36,56,.62),rgba(16,36,56,.28) 45%,rgba(16,36,56,0) 62%,rgba(16,36,56,.35))}.hero .copy{position:absolute;left:var(--gut);top:calc(var(--hdr) + 12vh);z-index:1;max-width:min(760px,86vw)}.hero h1{font-size:var(--fs-hero)}.hero p{margin-top:22px;font-size:18px;color:rgba(255,255,255,.9);max-width:34em}.hero .pause{position:absolute;right:var(--gut);bottom:clamp(56px,11vh,120px);z-index:1;background:rgba(16,36,56,.55);color:#fff;border:1px solid rgba(255,255,255,.6);font:400 13px var(--font-body),sans-serif;padding:8px 14px;cursor:pointer}.steps{padding:clamp(96px,14vh,160px) var(--gut) clamp(80px,12vh,140px)}.steps h2{font-size:var(--fs-h2);margin-bottom:clamp(56px,9vh,96px)}.sheet{position:relative;border:1px solid var(--alloy);padding:14px;background:var(--paper)}.sheet:before{content:"";position:absolute;inset:6px;border:1px solid var(--silver);pointer-events:none}.sheet .ph{aspect-ratio:3/2;overflow:hidden}.sheet .tb{position:absolute;right:-1px;bottom:-1px;background:var(--paper);border:1px solid var(--navy);display:grid;grid-template-columns:64px 1fr;min-width:min(360px,70%)}.sheet .tb .no{grid-row:span 2;border-right:1px solid var(--navy);display:grid;place-items:center;font-size:15px;color:var(--ink2)}.sheet .tb h3{font-size:22px;padding:12px 18px 6px;border-bottom:1px solid var(--silver)}.sheet .tb p{font-size:15px;line-height:1.7;padding:10px 18px 14px;color:var(--ink)}.sheet.s1{width:min(62vw,980px)}.sheet.s2{width:min(52vw,820px);margin:clamp(64px,10vh,120px) 0 0 auto}.sheet.s3{width:min(62vw,980px);margin:clamp(64px,10vh,120px) 0 0 8vw}.dwg{position:relative;--p:0;--draw:clamp(0,calc(var(--p) / 0.6),1);--reveal:clamp(0,calc((var(--p) - 0.6) / 0.4),1)}.dwg .stage{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:clamp(80px,12vh,140px) var(--gut)}.dwg .frame{position:relative;aspect-ratio:1400/1503;width:min(100%,560px);margin:0 auto}.dwg .frame img,.dwg .frame svg{position:absolute;inset:0;width:100%;height:100%}.dwg .frame img{object-fit:contain;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 50%,#000 78%,transparent 100%)}.dwg .cap{grid-column:1/-1;font-size:var(--fs-h2)}.dwg:not(.is-anim) .frame.lines img{display:none}.dwg .frame.lines svg path{stroke-dasharray:1;stroke-dashoffset:0}.dwg.is-anim{height:250svh}.dwg.is-anim .stage{position:sticky;top:0;height:100svh;display:block;padding:0}.dwg.is-anim .frame{position:absolute;top:calc(var(--hdr) + 5vh);right:calc(var(--gut) + 4vw);height:calc(100svh - var(--hdr) - 10vh);width:auto;max-height:none;margin:0}.dwg.is-anim .frame.photo{display:none}.dwg.is-anim .frame.lines img{clip-path:inset(calc((1 - var(--reveal)) * 100%) 0 0 0)}.dwg.is-anim .frame.lines svg{opacity:calc(1 - var(--reveal) * .8)}.dwg.is-anim .cap{position:absolute;left:var(--gut);bottom:12vh;max-width:8em}.dwg.is-anim .frame.lines svg path{--lag:0;stroke-dashoffset:calc(1 - clamp(0, calc((var(--draw) - var(--lag)) / .3), 1))}.dwg.is-anim .frame.lines svg path:nth-child(n+23){--lag:0.1}.dwg.is-anim .frame.lines svg path:nth-child(n+45){--lag:0.2}.dwg.is-anim .frame.lines svg path:nth-child(n+67){--lag:0.3}.dwg.is-anim .frame.lines svg path:nth-child(n+89){--lag:0.4}.dwg.is-anim .frame.lines svg path:nth-child(n+111){--lag:0.5}.dwg.is-anim .frame.lines svg path:nth-child(n+133){--lag:0.6}.dwg.is-anim .frame.lines svg path:nth-child(n+155){--lag:0.7}.fields{background:var(--paper);padding:clamp(96px,14vh,160px) var(--gut)}.fields h2{font-size:var(--fs-h2)}.fields .sub{margin-top:14px;color:var(--ink2)}.band{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:clamp(48px,8vh,80px)}.band figure .ph{aspect-ratio:4/5;overflow:hidden}.band figcaption{border-top:1px solid var(--navy);margin-top:14px;padding-top:12px;font-family:var(--font-title),sans-serif;font-size:18px;font-weight:500}.contact{padding:clamp(96px,14vh,160px) var(--gut)}.contact h2{font-size:var(--fs-h2)}.contact p{margin-top:22px;font-size:18px}.contact a{color:var(--ink)}.site-footer{background:var(--navy);color:rgba(255,255,255,.78);padding:56px var(--gut);font-size:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.site-footer svg{height:44px;width:auto;display:block}.not-found{min-height:60vh;padding:clamp(96px,14vh,160px) var(--gut)}.not-found h1{font-size:var(--fs-h2)}.not-found p{margin-top:22px}.not-found a{color:var(--ink)}@media not all and (min-width:1024px) and (orientation:landscape){.site-header .logo,.site-header nav{display:none}.site-header .sym{display:block}.site-header .sym svg{height:34px;width:auto;display:block}.site-header.is-clear{background:var(--paper);border-color:var(--silver)}.hero .pause{display:none}.hero:after{background:linear-gradient(180deg,rgba(16,36,56,.64),rgba(16,36,56,.6) 40%,rgba(16,36,56,.56) 64%,rgba(16,36,56,.14) 82%,rgba(16,36,56,.35))}.sheet.s1,.sheet.s2,.sheet.s3{width:100%;margin-left:0}.sheet .tb{position:static;min-width:0;margin-top:14px}.dwg .stage{grid-template-columns:1fr}.band{grid-template-columns:1fr 1fr;gap:14px 8px}}