:root{--paper:#f2f3f0;--concrete:#e4e6e1;--ink:#24292c;--sage:#879382;--peach:#efb99d;--line:#afb5ae;--gutter:clamp(22px,4vw,64px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a.button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #4c735c;outline-offset:5px}button{border:1px solid var(--line);background:transparent;border-radius:28px;padding:12px 20px;font-size:12px;letter-spacing:.04em}button:hover:not(:disabled),.button:hover{background:#d6dcd2}button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;left:16px;top:-60px;z-index:20;background:var(--paper);padding:14px}.skip:focus{top:10px}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:var(--paper);position:relative;z-index:3}.wordmark{font-size:24px;letter-spacing:.18em;font-weight:500}.header nav{display:flex;gap:58px;font-size:12px;letter-spacing:.13em}.utility{display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:.12em}.utility button{padding:6px 0;border:0}.scene{position:relative;isolation:isolate;overflow:hidden}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero{height:calc(92svh - 64px);min-height:620px;max-height:960px;background:var(--concrete)}.hero-copy{position:absolute;left:var(--gutter);bottom:9%;max-width:620px;z-index:2}.eyebrow{font-size:12px;letter-spacing:.25em;margin:0 0 20px}h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.035em;font-weight:600;line-height:1.04;margin:0 0 30px}h2{font-size:clamp(29px,3vw,44px);letter-spacing:-.03em;line-height:1.12;font-weight:500;margin:0 0 30px}h3{font-size:23px;font-weight:500;letter-spacing:-.02em;margin:0 0 18px}p{line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 25px;border:1px solid var(--ink);border-radius:30px;font-size:12px;letter-spacing:.07em;transition:background .2s}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:#4d5b50}.hero-case{position:absolute;object-fit:contain;width:31%;height:76%;left:58%;top:6%;transform:translate3d(0,0,0);will-change:transform;transition:transform .55s cubic-bezier(.2,.7,.25,1);pointer-events:none}.section{padding:80px var(--gutter)}.fine{font-size:11px;line-height:1.65;letter-spacing:.025em;color:#59625b;max-width:900px}.fit{background:var(--concrete);display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:740px;gap:60px}.fit-content{max-width:610px}.airlines{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 24px}.airlines button{min-height:44px}.rule,.spec{font:13px/1.8 'Courier New',monospace;letter-spacing:.03em}.fit-result{font-size:18px;letter-spacing:.08em;margin:20px 0;color:#426149}.fit-result[data-state=not-fit]{color:#983a31}.fit-result[data-state=check]{color:#77512d}.weight-input{display:flex;align-items:center;gap:16px;font-size:12px;flex-wrap:wrap}.weight-input input{width:65px;border:1px solid var(--line);padding:8px;border-radius:7px;background:var(--paper)}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:12px}.sizer-stage{height:540px;position:relative;max-width:540px;width:100%;justify-self:center}.sizer-stage img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transition:transform .9s cubic-bezier(.25,.6,.3,1),opacity .3s}.sizer-stage img.passing{transform:translateX(55px) scale(.93);opacity:.7}.sizer-frame{position:absolute;border:2px solid #647f6b;width:70%;height:82%;top:9%;left:15%;box-shadow:14px -12px 0 -2px var(--concrete),14px -12px 0 0 #c5cdc1;transition:width .25s,height .25s,border-color .25s;z-index:2;pointer-events:none}.dimension{position:absolute;font:12px 'Courier New',monospace;background:var(--concrete);padding:6px;white-space:nowrap}.dimension.height{left:-43px;top:48%;transform:rotate(-90deg)}.dimension.width{bottom:-26px;left:36%}.dimension.depth{bottom:-25px;right:-50px;transform:rotate(-20deg)}.packing{background:#e8e9e5}.packing-top{display:flex;justify-content:space-between;gap:40px;align-items:center}.metrics{display:flex;gap:44px}.metrics span{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:12px}.metrics strong{font-size:28px;font-weight:400;white-space:nowrap}.packing-instructions{font-size:13px;max-width:760px;color:#59625b}.pack-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:24px 0}.pack-tools label{font-size:12px;display:flex;gap:8px;align-items:center}select{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px;color:var(--ink);font-size:12px}.pack-tools>span{font-size:12px;margin-left:auto}.packing-workspace{max-width:960px;margin:0 auto}.case-interior{position:relative;aspect-ratio:1.44}.case-interior>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.compartment{position:absolute;top:12%;width:37%;height:72%;border-radius:22px;border:1px dashed #d1d8c488;transition:background .15s;touch-action:pan-y}.compartment.left{left:9%}.compartment.right{left:53%}.compartment.target-valid{background:#9daa8433;border:2px solid #a9c394}.compartment.target-invalid{border:2px solid #d89080;background:#a13f3826}.packed-item{position:absolute;border:1px solid transparent;padding:0;border-radius:4px;touch-action:pan-y;background:transparent;transition:opacity .15s;min-width:0;min-height:0}.packed-item img{width:100%;height:100%;object-fit:fill;pointer-events:none}.packed-item[aria-pressed=true]{background:#b4c2aa33;border-color:#c0d5b3}.packed-item.other-layer{opacity:.3}.packed-item .drag-handle{position:absolute;top:2px;right:2px}.placement-ghost{position:absolute;border:2px dashed #cee4b9;background:#a7c39955;pointer-events:none;z-index:8}.placement-ghost.invalid{border-color:#ec9c84;background:#bd645455}.pack-status{font-size:13px;min-height:23px;text-align:center}.pack-status.error{color:#983a31}.item-shelf{display:flex;gap:18px;overflow-x:auto;padding:20px 0 30px;border-bottom:1px solid var(--line);scroll-snap-type:x proximity}.shelf-item{position:relative;min-width:110px;max-width:140px;flex:1 0 110px;text-align:center;border:0;border-bottom:2px solid transparent;border-radius:0;padding:4px 6px 12px;background:transparent;scroll-snap-align:start}.shelf-item img{width:100%;height:96px;object-fit:contain;display:block;margin-bottom:10px}.shelf-item span.name{display:block;font-size:11px;line-height:1.4}.shelf-item small{font-size:10px;display:block;margin-top:5px}.shelf-item[aria-pressed=true]{background:#d3dacc;color:var(--ink);border-bottom-color:#596953}.shelf-item.packed{opacity:.45}.drag-handle{display:inline-flex!important;align-items:center;justify-content:center;touch-action:none;background:var(--paper);border:1px solid #a9b3a4;border-radius:50%;width:26px;height:26px;margin-top:7px;cursor:grab;font-size:15px}.shelf-item .drag-handle{position:absolute;right:0;top:0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.model-stage{height:500px;position:relative;overflow:hidden}.model-poster{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.model-stage canvas{position:relative;display:block;touch-action:pan-y}.parts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.part-detail{max-width:720px;margin:30px auto 0;display:grid;grid-template-columns:140px 1fr;gap:30px;border-top:1px solid var(--line);padding-top:25px}.part-detail h3{font-size:13px;letter-spacing:.1em}.part-detail p{margin:0;font-size:14px}.movement{min-height:650px;background:var(--concrete)}.editorial-copy{position:absolute;left:var(--gutter);top:36%;max-width:550px}.editorial-copy>p{font-size:13px}.repair-photo{height:620px;background:var(--concrete)}.repair-guide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:var(--paper)}.repair-guide p{max-width:550px;font-size:14px}.repair-slider{display:block;font-size:12px;margin-top:28px}.repair-slider input{display:block;width:100%;accent-color:#5b725c;margin:20px 0 25px}.repair-steps{display:flex;gap:8px;flex-wrap:wrap}.repair-model{height:340px}.static-repair{grid-column:1/-1;display:flex;gap:40px;padding-left:18px;font-size:12px;line-height:1.7}.static-repair li{flex:1}.finishes{background:var(--concrete);padding-bottom:35px}.finish-rail{display:flex;gap:50px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-bottom:12px solid #b5bab4;padding:0 30px 25px;touch-action:pan-x pan-y}.finish{flex:1 0 26%;border:0;border-radius:0;scroll-snap-align:center;padding:0 0 15px;min-width:220px;background:transparent!important;color:var(--ink)!important}.finish img{display:block;width:100%;height:390px;object-fit:contain;transition:transform .3s}.finish:hover img{transform:translateY(-8px)}.finish>span{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px;letter-spacing:.13em}.swatch{width:25px;height:25px;border-radius:50%;display:inline-block;border:3px solid var(--paper)}.swatch.alloy{background:#b7bab6}.swatch.moss{background:#788671}.swatch.ink{background:#24292c}.finish[aria-pressed=true] .swatch{outline:2px solid var(--ink);outline-offset:3px}.purchase{height:700px;background:var(--concrete)}.purchase-case{position:absolute;left:57%;top:7%;height:82%;width:33%;object-fit:contain}.purchase .spec{margin:26px 0}.purchase .fine{margin-top:24px}.truth{padding-top:45px;padding-bottom:45px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.truth h3{font-size:18px}.truth>p{margin:0;font-size:13px;max-width:780px}.truth details{grid-column:2}.truth summary{font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.truth dl{font-size:12px;line-height:1.6}.truth dt{font-weight:600;margin-top:15px}.truth dd{margin:5px 0}footer{background:var(--ink);color:var(--paper);padding:36px var(--gutter);display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .wordmark{font-size:16px}footer span:not(.wordmark),footer p,footer nav{font-size:9px;letter-spacing:.07em}footer nav{display:flex;gap:18px;margin-left:auto}footer p{margin:0}dialog{border:0;background:var(--paper);color:var(--ink);padding:45px;max-width:600px;width:calc(100% - 32px);max-height:90svh;border-radius:18px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#17201bc0}dialog h2{font-size:32px}dialog p{font-size:14px}dialog label{display:flex;gap:16px;align-items:center}dialog img{height:220px;width:100%;object-fit:contain}.close-dialog{position:absolute;right:14px;top:10px;font-size:26px;border:0;padding:4px 10px}.dragging{user-select:none}.shake{animation:shake .14s}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.packing-workspace{max-width:800px}.case-interior{aspect-ratio:1}.compartment{top:20.5%;width:34.5%;height:53.5%}.compartment.left{left:9%}.compartment.right{left:55.5%}.model-poster[hidden]{display:none}
img[src$="case-ink.webp"]{mask-image:url('/gateform/assets/case-moss.webp');mask-mode:alpha;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
button[aria-pressed=true]:hover:not(:disabled){background:#4d5b50;color:white}
@media(min-width:1600px){.section{padding-left:max(var(--gutter),calc((100vw - 1440px)/2));padding-right:max(var(--gutter),calc((100vw - 1440px)/2))}}
@media(max-width:1024px){.header nav{gap:25px}.fit{gap:20px}.metrics{gap:24px}.metrics strong{font-size:22px}.sizer-stage{height:430px}.hero-copy{max-width:52%}.hero-case{width:40%;left:54%}.editorial-copy{max-width:45%}.model-stage{height:420px}.repair-guide{gap:20px}.finish-rail{gap:10px}.finish img{height:300px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:62px;flex-wrap:wrap;gap:0}.wordmark{font-size:17px;letter-spacing:.15em}.header nav{gap:16px;font-size:10px;order:2}.utility{gap:12px;font-size:10px}.utility button{font-size:10px}.hero{height:calc(92svh - 62px);min-height:610px;max-height:900px}.hero .scene-bg{object-position:57% center}.hero-case{height:57%;width:67%;left:24%;top:0}.hero-copy{max-width:100%;right:20px;bottom:7%}h1{font-size:clamp(34px,8.7vw,49px);margin-bottom:22px}.eyebrow{font-size:9px;margin-bottom:14px}.button{font-size:10px;min-height:44px;padding:13px 18px;gap:15px}.actions{gap:9px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:30px}.fit{display:flex;flex-direction:column;gap:20px;min-height:0}.fit-content{width:100%}.airlines{flex-wrap:nowrap;overflow-x:auto;margin:25px -4px 20px;padding:4px}.airlines button{white-space:nowrap;font-size:10px;padding:10px 13px}.sizer-stage{height:390px;max-width:370px}.fit .fine{font-size:11px}.packing-top{display:block}.metrics{justify-content:space-between;gap:8px;margin:25px 0}.metrics span{font-size:8px;letter-spacing:.01em;max-width:90px;min-height:20px;margin-bottom:4px}.metrics strong{font-size:20px}.packing-instructions{font-size:12px}.pack-tools{gap:7px}.pack-tools button{font-size:10px;padding:10px 12px}.pack-tools select{max-width:110px}.pack-tools>span{margin:7px 0 0;width:100%}.packing-workspace{margin:0 -15px}.compartment{border-radius:10px}.shelf-item{min-width:90px;flex-basis:90px}.shelf-item img{height:80px}.item-shelf{gap:12px}.pack-status{font-size:12px;min-height:38px}.section-heading{display:block}.model-stage{height:350px;margin:0 -18px}.parts{gap:6px}.parts button{font-size:10px;padding:10px 14px}.part-detail{grid-template-columns:1fr;gap:0;margin-top:24px}.part-detail h3{margin-bottom:12px}.movement{min-height:650px}.movement .scene-bg{object-position:68% center}.editorial-copy{max-width:calc(100% - 44px);top:auto;bottom:36px}.movement .editorial-copy{top:32px;bottom:auto;width:70%}.movement .editorial-copy p{max-width:180px}.movement h2{font-size:27px}.repair-photo{height:570px}.repair-photo .scene-bg{object-position:70% center}.repair-photo .editorial-copy{position:relative;padding:25px 0;left:0;bottom:0;background:var(--paper);margin-top:370px;padding-left:var(--gutter);max-width:100%}.repair-photo h2{font-size:27px}.repair-guide{grid-template-columns:1fr}.repair-model{height:290px;order:2}.static-repair{order:3;display:block;margin-top:0}.static-repair li{margin-bottom:10px}.finish-rail{gap:10px;padding:0 0 20px;margin:0 -10px}.finish{min-width:75%;}.finish img{height:330px}.purchase{height:710px}.purchase-case{height:55%;width:68%;top:0;left:22%}.purchase .scene-bg{object-position:62% center}.purchase .editorial-copy{bottom:25px}.purchase .spec{margin:18px 0}.truth{display:block}.truth>p{font-size:12px;margin-bottom:20px}footer{gap:15px}footer nav{width:100%;margin-left:0;gap:15px}footer p{line-height:1.7}dialog{padding:40px 24px 25px}dialog h2{font-size:27px}}
@media(max-width:700px){.hero-case{top:8%}.hero-copy{left:0;right:0;bottom:0;padding:22px var(--gutter);background:var(--paper)}.hero-copy h1{font-size:clamp(32px,8.5vw,49px)}.drag-handle{min-width:32px;min-height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-case{transform:none!important}.finish-rail{scroll-behavior:auto}.model-stage{touch-action:pan-y}}