:root{--rail:clamp(1.25rem, 5vw, 4.8rem);--grid-gap:clamp(.75rem, 1.35vw, 1.5rem);--rule:1px solid var(--accent);--hard-shadow:calc(var(--motion-distance) * 2) calc(var(--motion-distance) * 2) 0 var(--ink)}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.5;overflow-x:hidden}img{object-fit:cover;width:100%;height:100%;display:block}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--canvas);outline-offset:4px;box-shadow:0 0 0 6px var(--ink)}section{scroll-margin-top:2rem}figure{background:var(--canvas);margin:0;overflow:hidden}.skip-link{z-index:30;background:var(--ink);color:var(--canvas);font-family:var(--font-detail);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}h1,h2,h3,.wordmark,.button{font-family:var(--font-display);font-stretch:75%}.eyebrow,.section-index,.item-index,.lead,.section-intro,.positioning-body,.contact-copy>p,.collection-list p,.principles p,.statements p,.site-footer{font-family:var(--font-detail)}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{margin:0}.site-header{min-height:clamp(7rem,11vw,10.8rem);padding:1rem var(--rail);gap:var(--grid-gap);border-top:var(--rule);border-bottom:var(--rule);background:color-mix(in srgb, var(--canvas), white 12%);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.wordmark{letter-spacing:-.065em;text-transform:uppercase;grid-column:1/span 3;align-self:center;width:max-content;font-size:clamp(3.8rem,7.2vw,7.3rem);font-weight:900;line-height:.75;text-decoration:none}.site-header nav{align-self:center;gap:var(--grid-gap);grid-column:4/span 7;grid-template-columns:repeat(4,minmax(max-content,1fr));display:grid}.site-header nav a{min-block-size:44px;font-family:var(--font-body);letter-spacing:.02em;text-transform:none;border-bottom:1px solid #0000;align-items:center;padding-block:.8rem;font-size:clamp(.74rem,1.1vw,.95rem);text-decoration:none;display:flex}.site-header nav a:is(:hover,:focus-visible){border-color:var(--signal);color:var(--accent);text-decoration:none}.section-shell{width:100%;max-width:none;padding:clamp(3.4rem, 7vw, 7rem) var(--rail);gap:var(--grid-gap);border-top:var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));margin:0;display:grid;position:relative}.section-shell:before{content:"12 COL\a GRID";z-index:2;white-space:pre;color:var(--accent);font-family:var(--font-detail);font-size:.62rem;line-height:1.18;position:absolute;top:2rem;left:.65rem}.eyebrow,.section-index{color:var(--accent);letter-spacing:.04em;margin:0 0 1.4rem;font-size:clamp(.68rem,.9vw,.82rem);font-weight:600}h1,h2{letter-spacing:-.048em;font-weight:900;line-height:.86}h1{max-width:100%;font-size:clamp(4.6rem,8.2vw,9.6rem)}h2{font-size:clamp(3.9rem,7.2vw,8.2rem)}h3{letter-spacing:-.025em;font-weight:800}.hero{align-items:center;min-height:calc(100svh - 9rem);padding-block:clamp(3.5rem,6vw,6rem)}.hero-copy{z-index:1;grid-column:1/span 5}.hero-media{aspect-ratio:7/5.9;grid-column:6/-1;height:auto;min-height:0}.lead{max-width:39ch;margin-top:2.25rem;font-size:clamp(.92rem,1.25vw,1.13rem);line-height:1.5}.actions{flex-wrap:wrap;gap:1rem;margin-top:2.25rem;display:flex}.button{border:1px solid var(--accent);letter-spacing:-.015em;text-transform:none;min-height:3.8rem;transition:translate var(--motion-duration) steps(2, end), background-color var(--motion-duration) steps(2, end), color var(--motion-duration) steps(2, end);justify-content:space-between;align-items:center;gap:2rem;padding:.85rem 1.35rem;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:800;text-decoration:none;display:inline-flex}.button:hover{translate:var(--motion-distance) calc(var(--motion-distance) * -1);transform:none}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--canvas)}.button-primary:is(:hover,:focus-visible){border-color:var(--ink);background:var(--ink)}.button-secondary{background:var(--canvas);color:var(--accent)}.button-secondary:is(:hover,:focus-visible){border-color:var(--mint);background:var(--mint);color:var(--ink)}figure{border:1px solid var(--accent);border-radius:0}[data-media-treatment=high-key-hard-shadow] .hero-media,[data-media-treatment=high-key-hard-shadow] .case-media{clip-path:polygon(0 0,calc(100% - 1.1rem) 0,100% 1.1rem,100% 100%,1.1rem 100%,0 calc(100% - 1.1rem))}[data-media-treatment=high-key-hard-shadow] .range-media,[data-media-treatment=high-key-hard-shadow] .craft-media{box-shadow:var(--hard-shadow)}.collection{padding-top:clamp(2.8rem,5vw,5rem)}.section-heading{gap:var(--grid-gap);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section-heading>.section-index{grid-column:1/span 2}.section-heading>div{gap:var(--grid-gap);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section-heading h2{grid-column:1/span 6;max-width:9ch}.section-heading>div>p{max-width:38ch;font-family:var(--font-detail);grid-column:7/span 4;align-self:end;margin:0 0 .5rem;font-size:clamp(.92rem,1.15vw,1.08rem)}.range-media{grid-column:1/-1;margin-top:clamp(2.5rem,4vw,4rem)}.range-media img{aspect-ratio:2.25}.collection-list{border:0;grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.collection-list,.principles,.statements{margin:0;padding:0;list-style:none}.collection-list li{border:1px solid var(--canvas);min-height:clamp(12rem,19vw,19rem);color:var(--ink);padding:clamp(1.25rem,2vw,2rem);position:relative}.collection-list li[data-tone=accent]{background:var(--accent);color:var(--canvas)}.collection-list li[data-tone=signal]{background:var(--signal)}.collection-list li[data-tone=berry]{background:var(--berry)}.collection-list li[data-tone=citrus]{background:var(--citrus)}.collection-list .item-index{color:currentColor;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.2rem,3.5vw,4.2rem)}.collection-list h3{margin-top:clamp(3rem,6vw,7rem);font-size:clamp(1.5rem,2.3vw,2.7rem)}.collection-list p{color:currentColor;margin:.75rem 0 0;font-size:clamp(.75rem,1vw,.95rem)}.craft{background:var(--ink);min-height:90svh;color:var(--canvas);align-items:center}.craft .section-index,.craft:before{color:var(--citrus)}.craft-copy{grid-area:1/1/auto/span 5;padding-top:0}.craft-media{aspect-ratio:1/1.08;border-color:var(--accent);grid-area:1/6/auto/-1;min-height:0}.craft-copy h2{max-width:8ch}.section-intro{border-top:var(--rule);border-bottom:var(--rule);max-width:51ch;padding-block:1.8rem;font-size:clamp(.9rem,1.15vw,1.05rem)}.principles{border-top:var(--rule);margin-top:clamp(2rem,3.5vw,3.5rem)}.principles li{column-gap:var(--grid-gap);border-bottom:var(--rule);grid-template-columns:4rem minmax(0,1fr);align-items:start;padding-block:1rem;display:grid}.principles .item-index{color:var(--mint);font-family:var(--font-display);font-size:clamp(2.3rem,4vw,4.8rem);line-height:.8}.principles li[data-tone=signal] .item-index{color:var(--signal)}.principles li[data-tone=citrus] .item-index{color:var(--citrus)}.principles li[data-tone=berry] .item-index{color:var(--berry)}.principles h3{color:var(--canvas);margin:0;font-size:clamp(1.35rem,2vw,2.3rem)}.principles p{color:color-mix(in srgb, var(--canvas), transparent 12%);margin:.65rem 0 0}.positioning{background:var(--citrus);align-items:center;min-height:88svh}.positioning-copy{grid-column:1/span 7}.positioning-copy h2{max-width:9ch}.positioning-body{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);max-width:52ch;padding-block:1.8rem;font-size:clamp(.94rem,1.25vw,1.15rem)}.statements{border-top:2px solid var(--ink);grid-column:8/-1}.statements li{border-bottom:2px solid var(--ink);min-height:14rem}.statements li[data-tone=accent] .item-index{color:var(--accent)}.statements li[data-tone=signal] .item-index{color:var(--ink)}.statements .item-index{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4.7rem)}.statements h3{margin:1rem 0 0;font-size:clamp(1.8rem,2.9vw,3.5rem)}.statements p{color:var(--ink);margin:.8rem 0 0}.text-link{border-bottom:2px solid var(--accent);width:min(100%,38rem);color:var(--accent);font-family:var(--font-body);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;text-decoration:none;display:flex}.contact{min-height:90svh;padding-inline:var(--rail);background:var(--accent);color:var(--canvas);align-items:center}.contact:before{color:var(--canvas)}.contact-copy{grid-column:1/span 5}.contact-copy h2{max-width:8ch}.contact .section-index,.contact-copy>p{color:var(--canvas)}.contact-copy>p{border-top:1px solid var(--canvas);border-bottom:1px solid var(--canvas);max-width:47ch;padding-block:1.6rem;font-size:clamp(.92rem,1.15vw,1.08rem)}.button-contact{border:1px solid var(--citrus);background:var(--citrus);width:min(100%,39rem);color:var(--ink);margin-top:1rem}.button-contact:is(:hover,:focus-visible){border-color:var(--mint);background:var(--mint);color:var(--ink)}.back-link{border-top:1px solid var(--canvas);border-bottom:1px solid var(--canvas);width:min(100%,39rem);color:var(--citrus);font-family:var(--font-detail);margin:.8rem 0 0;padding-block:.85rem;text-decoration:none;display:block}.case-media{aspect-ratio:1/1.05;border-color:var(--citrus);grid-column:6/-1;min-height:0}.site-footer{padding:clamp(2rem, 4vw, 4.5rem) var(--rail);gap:var(--grid-gap);border-top:var(--rule);background:var(--canvas);color:var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.site-footer strong{font-family:var(--font-display);grid-column:1/span 4;font-size:clamp(2rem,4vw,4.8rem);line-height:.9}.site-footer a{grid-column:5/span 4;align-self:center}.site-footer span{text-align:right;grid-column:9/-1;align-self:center}.label-wipe{isolation:isolate;position:relative}[data-motion-style=label-wipe] .label-wipe{overflow:hidden}[data-motion-style=label-wipe] h1.label-wipe{margin-block-end:-.25em;padding-block-end:.25em}[data-motion-style=label-wipe] .label-wipe:after{content:"";z-index:1;background:var(--signal);transform-origin:100%;pointer-events:none;animation:label-wipe var(--motion-duration) steps(3, end) both;position:absolute;inset:0;transform:scaleX(0)}[data-motion-style=label-wipe] .section-shell{animation:rule-snap var(--motion-duration) steps(3, end) both}@keyframes label-wipe{0%,35%{transform-origin:0;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes rule-snap{0%{translate:0 var(--motion-distance)}to{translate:0}}@media (width<=900px){.site-header{min-height:7rem}.wordmark{grid-column:1/span 5;font-size:clamp(3.4rem,12vw,5.6rem)}.site-header nav{grid-column:6/-1;grid-template-columns:repeat(2,1fr)}.section-shell:before{display:none}.hero-copy,.section-heading h2,.section-heading>div>p,.craft-copy,.positioning-copy,.contact-copy,.hero-media,.range-media,.craft-media,.statements,.case-media{grid-column:1/-1}.hero{row-gap:3rem}.hero-media{aspect-ratio:4/3}.section-heading>div{row-gap:1.8rem}.collection-list{grid-template-columns:repeat(2,1fr)}.craft-copy{grid-row:1}.craft-media{aspect-ratio:4/3;grid-row:2}.positioning,.contact{row-gap:3rem}.site-footer strong{grid-column:1/span 6}.site-footer a{text-align:right;grid-column:7/-1}.site-footer span{text-align:left;grid-column:1/-1}}@media (width<=560px){:root{--rail:1.1rem}.site-header{row-gap:1rem;min-height:0}.wordmark,.site-header nav{grid-column:1/-1}.site-header nav{grid-template-columns:repeat(4,max-content);justify-content:space-between;width:100%}.site-header nav a{justify-content:center;min-inline-size:44px;font-size:.68rem}h1{font-size:clamp(3.5rem,20vw,5.6rem)}h2{font-size:clamp(3.7rem,19vw,5.6rem)}.section-shell{padding-block:3.6rem}.actions{display:grid}.collection-list{grid-template-columns:1fr}.collection-list li{min-height:12rem}.range-media img{aspect-ratio:4/3}.principles li{grid-template-columns:3.5rem minmax(0,1fr)}.site-footer strong,.site-footer a,.site-footer span{text-align:left;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-motion-style=label-wipe] .label-wipe:after{display:none}[data-motion-style=label-wipe] .section-shell,[data-motion-style=label-wipe] .label-wipe:after{animation:none!important}.button{transition:none}.button:hover{translate:0}}