:root{--pine:#10251b;--pine2:#17382a;--acid:#d9ef59;--paper:#eee9dc;--paper2:#f8f4e9;--ink:#152018;--orange:#e46f2b;--wood:#c49661;--line:rgba(21,32,24,.2);--serif:Georgia,'Times New Roman',serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}img{display:block;width:100%}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;background:#fff;padding:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.grain{position:fixed;z-index:100;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:30;top:0;left:0;right:0;height:94px;padding:0 clamp(20px,4vw,66px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:white;border-bottom:1px solid rgba(255,255,255,.25)}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:36px;height:40px;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid currentColor}.brand-mark i{width:9px;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.brand-mark i:nth-child(1){height:23px}.brand-mark i:nth-child(2){height:36px}.brand-mark i:nth-child(3){height:18px}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type strong{font:700 22px/1 var(--serif);letter-spacing:-.04em}.brand-type small{font:8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:7px}.header-note{font:9px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:center}.menu-toggle{justify-self:end;border:0;background:transparent;color:white;display:grid;grid-template-columns:30px auto;align-items:center;gap:8px;cursor:pointer}.menu-toggle span{grid-column:1;width:30px;height:1px;background:currentColor}.menu-toggle span:nth-child(2){width:18px;justify-self:end}.menu-toggle b{grid-column:2;grid-row:1/3;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.site-nav{position:fixed;z-index:60;inset:0 0 0 auto;width:min(570px,100%);background:var(--acid);color:var(--ink);padding:clamp(34px,6vw,80px);display:flex;flex-direction:column;justify-content:center;transform:translateX(102%);transition:transform .45s cubic-bezier(.77,0,.18,1);box-shadow:-30px 0 80px rgba(0,0,0,.2)}.site-nav.open{transform:none}.nav-label{position:absolute;top:40px;left:clamp(34px,6vw,80px);font:10px var(--mono);text-transform:uppercase;letter-spacing:.14em}.site-nav a{display:grid;grid-template-columns:48px 1fr;border-top:1px solid var(--ink);padding:20px 0;font:clamp(27px,3.5vw,48px)/1 var(--serif);letter-spacing:-.04em}.site-nav a b{font:10px var(--mono);padding-top:8px}.nav-close{position:absolute;right:38px;top:36px;border:0;background:none;text-transform:uppercase;font:10px var(--mono);cursor:pointer}.hero{height:max(760px,100svh);min-height:760px;position:relative;background:var(--pine);color:white;overflow:hidden}.hero-blueprint{position:absolute;inset:94px 0 0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:5vw 5vw}.hero-copy-block{position:absolute;z-index:4;left:clamp(24px,7vw,110px);top:18%;width:min(56vw,820px)}.kicker{display:flex;gap:28px;font:9px var(--mono);letter-spacing:.15em;color:rgba(255,255,255,.58)}.hero h1{margin:4vh 0 2vh;font-weight:400;letter-spacing:-.085em;line-height:.69}.hero h1 span,.hero h1 strong,.hero h1 em{display:block}.hero h1 span{font:clamp(38px,4.8vw,75px)/.8 var(--serif);margin-left:1.5vw}.hero h1 strong{font:800 clamp(118px,17vw,270px)/.76 var(--sans);text-transform:uppercase;letter-spacing:-.11em}.hero h1 em{font:italic 400 clamp(80px,11vw,175px)/.72 var(--serif);color:var(--acid);margin-left:17vw}.hero-intro{width:min(390px,34vw);font-size:15px;line-height:1.5;margin:5vh 0 0 1vw;color:rgba(255,255,255,.77)}.hero-actions{display:flex;align-items:center;gap:30px;margin:26px 0 0 1vw}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 19px;border:1px solid currentColor;border-radius:999px;text-transform:uppercase;font:9px var(--mono);letter-spacing:.12em;transition:.25s}.pill:hover{background:var(--acid);border-color:var(--acid);color:var(--ink);transform:translateY(-2px)}.phone-link{font:11px var(--mono);border-bottom:1px solid;padding-bottom:5px}.hero-visual{position:absolute;z-index:2;right:7.3vw;top:15%;width:38vw;height:65vh;min-height:500px}.hero-photo{height:100%;background:url('assets/kellett-yard-hero.jpg') center/cover;clip-path:polygon(15% 0,100% 0,100% 89%,84% 100%,0 100%,0 15%);filter:saturate(.78) contrast(1.08)}.photo-label{position:absolute;left:-1px;bottom:-28px;display:flex;gap:24px;font:8px var(--mono);letter-spacing:.13em;color:rgba(255,255,255,.65)}.delivery-stamp{position:absolute;right:-54px;top:23%;width:132px;height:132px;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(9deg);box-shadow:0 0 0 7px var(--pine),0 0 0 8px var(--acid)}.delivery-stamp small,.delivery-stamp span{font:7px var(--mono);letter-spacing:.11em;text-transform:uppercase}.delivery-stamp strong{font:17px/1 var(--serif);margin:6px 0}.hero-year{position:absolute;z-index:3;right:1.3vw;bottom:6%;display:grid;color:var(--acid);font-family:var(--mono);line-height:.75}.hero-year span{font-size:8px;letter-spacing:.2em;margin-bottom:9px}.hero-year strong{font-size:clamp(33px,4.3vw,70px);font-weight:400;letter-spacing:-.12em}.ruler{position:absolute;z-index:3;left:0;right:0;bottom:0;height:34px;display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.35);background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 12px) top/120px 10px repeat-x;padding-top:13px}.ruler span{font:7px var(--mono);color:rgba(255,255,255,.55)}.hero-disclaimer{position:absolute;right:6vw;bottom:36px;font:7px var(--mono);color:rgba(255,255,255,.4)}.manifesto{min-height:740px;display:grid;grid-template-columns:110px 1fr 170px;position:relative;background:var(--paper2);border-bottom:1px solid var(--line)}.manifesto aside{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:62px 0}.manifesto aside span,.manifesto aside b{writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.17em}.manifesto-copy{align-self:center;padding:90px 8vw}.manifesto-copy>p{font:13px var(--mono);letter-spacing:.07em}.manifesto h2,.materials h2,.delivery h2,.legacy h2,.quote h2,.visit h2,.brief-dialog h2{font:400 clamp(60px,7.8vw,128px)/.85 var(--serif);letter-spacing:-.07em;margin:28px 0}.manifesto h2 em,.materials h2 em,.delivery h2 em,.legacy h2 em,.quote h2 em,.visit h2 em,.brief-dialog h2 em{font-weight:400;color:var(--orange)}.manifesto-note{display:flex;gap:22px;align-items:flex-start;width:min(430px,65%);margin:58px 0 0 34%}.manifesto-note i{width:38px;height:38px;flex:0 0 auto;border:1px solid;border-radius:50%;position:relative}.manifesto-note i:before,.manifesto-note i:after{content:'';position:absolute;inset:50% 8px auto;height:1px;background:currentColor}.manifesto-note i:after{transform:rotate(90deg)}.manifesto-note p{margin:0;font-size:15px;line-height:1.6}.wood-sample{background:linear-gradient(90deg,rgba(255,255,255,.15),transparent),url('assets/kellett-materials.jpg') 74% center/440% auto;position:relative}.wood-sample:after{content:'';position:absolute;inset:0;background:rgba(132,85,43,.18);mix-blend-mode:multiply}.wood-sample span{position:absolute;z-index:1;bottom:35px;left:50%;transform:rotate(-90deg) translateY(-50%);transform-origin:left;font:8px var(--mono);letter-spacing:.2em;white-space:nowrap}.materials{background:var(--paper);padding:130px clamp(24px,6vw,96px) 160px}.materials-lead{display:grid;grid-template-columns:.45fr 1.3fr .55fr;align-items:end;gap:5vw;margin-bottom:85px}.micro{font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase}.materials h2{margin:0}.materials-lead>p:last-child{font-size:14px;line-height:1.6}.material-catalog{display:grid;grid-template-columns:.75fr 1.15fr .6fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:570px}.catalog-image{position:relative;overflow:hidden;border-right:1px solid var(--ink)}.catalog-image img{height:100%;object-fit:cover;filter:saturate(.72);transition:transform .7s ease,filter .4s}.catalog-image.changed img{animation:material-pulse .45s ease}@keyframes material-pulse{50%{transform:scale(1.035);filter:saturate(.3)}}.catalog-image>span{position:absolute;left:0;top:0;background:var(--acid);padding:10px 13px;font:9px var(--mono)}.catalog-rows{display:flex;flex-direction:column}.material-row{flex:1;display:grid;grid-template-columns:42px 1fr auto 24px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 22px;color:var(--ink);cursor:pointer;transition:.25s}.material-row:last-child{border-bottom:0}.material-row span{font:9px var(--mono)}.material-row strong{font:400 clamp(20px,2.1vw,34px) var(--serif);letter-spacing:-.04em}.material-row i{font:8px var(--mono);font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:#667168}.material-row b{font-weight:400}.material-row:hover,.material-row.active{background:var(--acid)}.catalog-note{border-left:1px solid var(--ink);padding:32px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--pine);color:white}.catalog-note>span{font:8px var(--mono);color:var(--acid)}.catalog-note h3{font:400 37px/1 var(--serif);letter-spacing:-.04em;margin:25px 0 15px}.catalog-note p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.64)}.catalog-note a{font:9px var(--mono);text-transform:uppercase;border-bottom:1px solid;margin-top:25px;padding-bottom:9px}.delivery{min-height:900px;display:grid;grid-template-columns:1.05fr .8fr;position:relative;background:var(--acid);padding:120px clamp(24px,6vw,96px);gap:6vw;align-items:center}.delivery-route{position:absolute;top:48px;left:6vw;right:6vw;display:flex;align-items:center;gap:18px;font:8px var(--mono);letter-spacing:.15em}.delivery-route i{height:1px;flex:1;background:var(--ink)}.delivery-route b{font-size:22px}.delivery-photo{position:relative;align-self:stretch;min-height:620px;clip-path:polygon(0 0,86% 0,100% 12%,100% 100%,14% 100%,0 88%)}.delivery-photo img{height:100%;object-fit:cover}.crosshair{position:absolute;right:12%;top:12%;font:300 52px/1 var(--sans);color:white}.delivery-copy h2{font-size:clamp(58px,6.8vw,110px);margin:30px 0}.delivery-copy h2 em{color:var(--pine)}.delivery-copy>p:not(.micro){max-width:570px;font-size:16px;line-height:1.7}.delivery-specs{border-top:1px solid;margin:38px 0}.delivery-specs div{display:grid;grid-template-columns:52px 1fr;border-bottom:1px solid;padding:15px 0;font:10px var(--mono);text-transform:uppercase}.delivery-specs b{font-weight:400}.pill-dark{background:var(--pine);color:white;border-color:var(--pine)}.legacy{min-height:960px;padding:120px clamp(24px,6vw,96px);position:relative;background:var(--pine);color:white;overflow:hidden}.legacy-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:8vw 8vw}.legacy>*:not(.legacy-grid){position:relative}.legacy-title-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2vw;margin:80px 0}.legacy-title-wrap>span{font:clamp(70px,10vw,165px)/1 var(--mono);color:var(--acid);letter-spacing:-.12em}.legacy h2{text-align:center;font-size:clamp(54px,6.7vw,108px)}.legacy h2 em{color:var(--paper)}.legacy-line{display:flex;align-items:center;gap:15px;font:9px var(--mono);color:var(--acid)}.legacy-line i{height:1px;background:rgba(255,255,255,.4);flex:1}.legacy-body{display:grid;grid-template-columns:1fr 1fr;gap:11vw;margin:62px auto;max-width:950px}.legacy-body p{font-size:17px;line-height:1.7}.service-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.service-tags span{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:12px 18px;font:9px var(--mono);text-transform:uppercase}.service-tags small{margin-left:auto;font:8px var(--mono);color:rgba(255,255,255,.45)}.quote{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--orange);padding:130px clamp(24px,7vw,110px);gap:10vw;align-items:center}.quote h2{font-size:clamp(63px,7vw,115px)}.quote h2 em{color:var(--paper)}.quote-intro>p:not(.micro){max-width:400px;line-height:1.6}.quote-seal{margin-top:75px;width:90px;height:90px;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:7px;transform:rotate(-12deg)}.quote-seal strong{font:31px var(--serif)}.quote-seal span{font:8px/1.2 var(--mono)}.work-ticket{background:var(--paper2);padding:36px 42px;color:var(--ink);box-shadow:13px 13px 0 var(--pine);position:relative}.work-ticket:after{content:'';position:absolute;left:-8px;top:0;bottom:0;width:8px;background:radial-gradient(circle at 0 8px,transparent 7px,var(--paper2) 8px) 0 0/8px 16px}.ticket-head{display:flex;justify-content:space-between;padding-bottom:19px;border-bottom:2px solid;font:9px var(--mono);letter-spacing:.1em}.work-ticket>label{display:block;border-bottom:1px solid var(--line);padding:22px 0}.work-ticket label>span,.work-ticket legend{display:block;font:8px var(--mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.work-ticket select,.work-ticket textarea{width:100%;border:0;background:transparent;color:var(--ink);font:24px var(--serif);outline:none}.work-ticket textarea{resize:vertical;font-size:19px}.work-ticket fieldset{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.work-ticket legend{grid-column:1/-1}.choice input{position:absolute;opacity:0}.choice span{padding:12px!important;margin:0!important;border:1px solid var(--line);text-align:center;cursor:pointer}.choice input:checked+span{background:var(--pine);color:white}.ticket-submit{width:100%;display:flex;justify-content:space-between;border:0;background:var(--acid);padding:17px 18px;margin-top:24px;text-transform:uppercase;font:9px var(--mono);letter-spacing:.1em;cursor:pointer}.ticket-foot{display:block;text-align:center;font:7px var(--mono);letter-spacing:.13em;margin-top:18px}.visit{min-height:880px;position:relative;background:var(--paper2);overflow:hidden;padding:130px clamp(24px,7vw,110px)}.visit-word{position:absolute;left:-2vw;bottom:-7vw;font:900 34vw/.7 var(--sans);letter-spacing:-.13em;color:transparent;-webkit-text-stroke:1px rgba(21,32,24,.12)}.visit-card{position:relative;z-index:2;margin-left:auto;width:min(620px,60vw);background:var(--pine);color:white;padding:clamp(40px,6vw,80px);clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)}.visit h2{font-size:clamp(58px,6vw,93px)}.visit h2 em{color:var(--acid)}.visit dl{margin:48px 0}.visit dl>div{display:grid;grid-template-columns:120px 1fr;border-top:1px solid rgba(255,255,255,.25);padding:17px 0}.visit dt{font:8px var(--mono);text-transform:uppercase;color:var(--acid)}.visit dd{margin:0;font-size:14px}.visit .pill:hover{color:var(--ink)}footer{background:#07130d;color:white;padding:60px clamp(24px,6vw,96px);display:grid;grid-template-columns:.7fr 1.2fr .5fr;gap:7vw;align-items:end}footer p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.5);margin:0}footer>div{display:flex;flex-direction:column;align-items:flex-end;font:8px var(--mono);text-transform:uppercase;gap:9px}.brief-dialog{border:0;width:min(600px,calc(100% - 30px));background:var(--paper2);padding:55px;color:var(--ink);box-shadow:14px 14px 0 var(--acid)}.brief-dialog::backdrop{background:rgba(3,15,9,.82);backdrop-filter:blur(6px)}.brief-dialog h2{font-size:66px}.dialog-close{position:absolute;right:18px;top:15px;background:none;border:0;font-size:28px;cursor:pointer}.brief-dialog dl{display:grid;grid-template-columns:120px 1fr;border-top:1px solid}.brief-dialog dt,.brief-dialog dd{padding:12px 0;border-bottom:1px solid var(--line);margin:0}.brief-dialog dt{font:8px var(--mono);text-transform:uppercase}.dialog-note{font-size:11px}.dialog-actions{display:flex;gap:10px;margin-top:25px}.brief-dialog .pill{background:transparent}.brief-dialog .pill-dark{background:var(--pine)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.catalog-image.changed img{animation:none}}
@media (max-width:980px){.site-header{grid-template-columns:1fr 1fr}.header-note{display:none}.hero-copy-block{width:70vw;top:19%}.hero h1 strong{font-size:19vw}.hero h1 em{font-size:13vw}.hero-visual{right:-7vw;width:52vw;opacity:.57}.delivery-stamp{display:none}.hero-year{display:none}.materials-lead{grid-template-columns:1fr 1.3fr}.materials-lead>p:last-child{grid-column:2}.material-catalog{grid-template-columns:.75fr 1.25fr}.catalog-note{grid-column:1/-1;border-left:0;border-top:1px solid;min-height:250px}.delivery{grid-template-columns:1fr;min-height:0}.delivery-photo{min-height:600px}.legacy-title-wrap>span{font-size:9vw}.quote{grid-template-columns:1fr}.quote-intro{display:grid;grid-template-columns:1fr .7fr;column-gap:40px}.quote-intro .micro,.quote-intro>p{grid-column:1}.quote-intro h2{grid-column:1}.quote-seal{grid-column:2;grid-row:1/5;align-self:center;justify-self:center}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1;grid-row:2}footer>div{align-items:flex-end}}
@media (max-width:680px){.site-header{height:78px;padding:0 18px}.brand-type strong{font-size:19px}.hero{height:830px}.hero-blueprint{inset:78px 0 0;background-size:44px 44px}.hero-copy-block{left:19px;top:16%;width:calc(100% - 38px)}.hero h1{margin-top:40px}.hero h1 span{font-size:39px}.hero h1 strong{font-size:28vw}.hero h1 em{font-size:22vw;margin-left:15vw}.hero-intro{width:76%;font-size:13px;margin-top:38px}.hero-actions{flex-direction:column;align-items:flex-start;margin-top:22px}.hero-visual{right:-26vw;top:12%;width:74vw;height:620px;opacity:.38}.photo-label{display:none}.ruler{height:28px}.hero-disclaimer{bottom:31px}.manifesto{grid-template-columns:46px 1fr}.manifesto aside{padding:35px 0}.manifesto-copy{padding:85px 24px}.manifesto h2,.materials h2,.delivery h2,.legacy h2,.quote h2,.visit h2{font-size:49px}.manifesto-note{width:100%;margin:50px 0 0}.wood-sample{display:none}.materials{padding:85px 20px}.materials-lead{display:block;margin-bottom:50px}.materials-lead h2{margin:24px 0}.material-catalog{display:block}.catalog-image{height:360px;border:0;border-bottom:1px solid}.material-row{grid-template-columns:32px 1fr 20px;padding:17px 14px}.material-row i{display:none}.material-row strong{font-size:22px}.catalog-note{padding:28px;min-height:290px}.delivery{padding:90px 20px;gap:55px}.delivery-route{top:28px;left:20px;right:20px}.delivery-photo{min-height:410px}.delivery-copy h2{font-size:52px}.legacy{min-height:850px;padding:85px 20px}.legacy-title-wrap{display:block;margin:55px 0}.legacy-title-wrap>span{display:none}.legacy h2{text-align:left;font-size:53px}.legacy-body{grid-template-columns:1fr;gap:12px;margin:50px 0}.legacy-body p{font-size:15px}.service-tags small{margin:12px 0 0}.quote{padding:85px 20px;gap:45px}.quote-intro{display:block}.quote-seal{display:none}.work-ticket{padding:28px 22px;box-shadow:8px 8px 0 var(--pine)}.work-ticket select{font-size:20px}.visit{min-height:760px;padding:85px 20px}.visit-word{font-size:53vw;bottom:1vw}.visit-card{width:100%;padding:46px 26px}.visit dl>div{grid-template-columns:85px 1fr}footer{grid-template-columns:1fr;gap:27px;padding:50px 22px}footer p{grid-column:auto;grid-row:auto}footer>div{align-items:flex-start}.brief-dialog{padding:42px 23px}.brief-dialog h2{font-size:52px}.brief-dialog dl{grid-template-columns:90px 1fr}.dialog-actions{flex-direction:column}.dialog-actions>*{width:100%}}