:root{--teal:#2c6e6a;--teal-deep:#13443f;--orange:#e86d1a;--cream:#f7f3e9;--ink:#111;--grey:#6b6b6b;--line:#11111129;--display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--condensed:"Arial Narrow", "Roboto Condensed", Arial, sans-serif;--body:Lato, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:20;pointer-events:none;opacity:.16;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.skip-link{z-index:100;background:var(--orange);color:#fff;padding:.7rem 1rem;font-weight:800;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);z-index:10;background:#f7f3e9f2;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(1rem,4vw,4.5rem);display:flex;position:relative}.brand{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.7rem;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1;text-decoration:none;display:flex}.brand img{object-fit:cover;object-position:center;mix-blend-mode:multiply;width:72px;height:58px}.brand i{color:var(--orange);font-style:normal}nav{align-items:center;gap:clamp(1.15rem,2.4vw,2.6rem);display:flex}nav a{font-family:var(--condensed);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #0000;font-size:.88rem;font-weight:800;text-decoration:none}nav a:hover,nav a:focus-visible{border-color:var(--orange)}.nav-cta{box-shadow:4px 4px 0 var(--orange);padding:.65rem 1rem;border:2px solid var(--ink)!important}.menu-toggle{display:none}.hero{border-bottom:2px solid var(--ink);grid-template-columns:1.02fr .98fr;min-height:calc(100vh - 86px);display:grid;position:relative}.hero-copy{z-index:2;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,7rem);display:flex;position:relative}.kicker,.eyebrow{font-family:var(--condensed);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.82rem;font-weight:900}.kicker span{background:var(--orange);width:38px;height:3px;margin:0 .6rem .2rem 0;display:inline-block}h1,h2,h3{margin:0}h1{max-width:760px;font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;font-size:clamp(4rem,8.1vw,8.8rem);font-weight:900;line-height:.84}h1 em{color:var(--teal);text-shadow:3px 3px 0 var(--cream), 6px 6px 0 var(--ink);font-style:normal}.hero-lead{max-width:600px;margin:2rem 0 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;display:flex}.button{border:2px solid var(--ink);min-height:52px;font-family:var(--condensed);letter-spacing:.07em;text-transform:uppercase;justify-content:center;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.button-primary{background:var(--orange);color:#fff}.button-ghost{background:0 0}.hero-signature{border-top:1px solid var(--line);font-family:var(--condensed);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:1.2rem 2rem;margin-top:4rem;padding-top:1.5rem;font-size:.78rem;font-weight:800;display:flex}.hero-signature b{color:var(--orange);margin-right:.35rem}.hero-visual{background:var(--teal-deep);border-left:2px solid var(--ink);place-items:center;min-height:650px;display:grid;position:relative;overflow:hidden}.sunburst{background:repeating-conic-gradient(from 10deg, #f7f3e921 0 9deg, transparent 9deg 20deg);animation:70s linear infinite turn;position:absolute;inset:-35%}@keyframes turn{to{transform:rotate(1turn)}}.logo-plate{aspect-ratio:1;background:var(--cream);border:4px solid var(--ink);border-radius:50%;place-items:center;width:min(84%,660px);display:grid;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:14px 14px #00000061}.logo-plate:before,.logo-plate:after{content:"";border:2px solid var(--teal);z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:4%}.logo-plate:after{border-color:var(--orange);border-style:dashed;inset:7%}.logo-plate img{object-fit:contain;mix-blend-mode:multiply;width:95%;height:95%}.stamp{text-align:center;background:var(--orange);border:3px solid var(--ink);width:145px;height:145px;box-shadow:5px 5px 0 var(--ink);color:#fff;font-family:var(--condensed);letter-spacing:.1em;text-transform:uppercase;border-radius:50%;place-content:center;margin:0;font-size:.72rem;font-weight:800;line-height:1.25;display:grid;position:absolute;bottom:7%;right:3vw;transform:rotate(8deg)}.stamp strong{font-size:.92rem}.marquee{background:var(--ink);color:var(--cream);border-bottom:2px solid var(--ink);overflow:hidden}.marquee div{width:max-content;font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;padding:.55rem 0;font-size:1.35rem;animation:25s linear infinite slide}.marquee i{color:var(--orange);margin:0 1rem;font-style:normal}@keyframes slide{to{transform:translate(-35%)}}.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem)}.services{background:var(--cream)}.section-heading{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:3rem;margin-bottom:4rem;display:grid}.section-heading .eyebrow{color:var(--orange);align-self:start}.section-heading h2,.projects h2,.contact h2{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(3.4rem,6.3vw,7rem);line-height:.9}.section-heading h2 span{color:var(--teal)}.section-heading>p:last-child{max-width:430px;margin:0;font-size:1.06rem}.service-grid{border:2px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-right:2px solid var(--ink);min-height:490px;padding:clamp(1.5rem,3vw,2.7rem);position:relative;overflow:hidden}.service-card:last-child{border:0}.service-number{font-family:var(--display);opacity:.13;font-size:4.2rem;line-height:1;position:absolute;top:1rem;right:1rem}.service-icon{width:60px;height:60px;font-family:var(--display);border:2px solid;border-radius:50%;place-content:center;margin-bottom:5.5rem;font-size:2rem;display:grid}.service-card h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,3vw,3.5rem);line-height:.95}.service-card p{margin:1.2rem 0}.service-card ul{font-family:var(--condensed);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid;margin:1.2rem 0 0;padding:1.2rem 0 0;font-size:.8rem;font-weight:900;line-height:2;list-style:none}.service-dark{background:var(--ink);color:var(--cream)}.service-orange{background:var(--orange);color:#fff}.service-cream{background:#e8dfcc}.comparison-section{border-top:2px solid var(--ink);background:#e8dfcc;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem)}.comparison-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:3rem;margin-bottom:3rem;display:grid}.comparison-heading .eyebrow{color:var(--orange)}.comparison-heading h2{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(3.4rem,6.3vw,7rem);line-height:.9}.comparison-heading h2 span{color:var(--teal)}.comparison-heading>p{max-width:520px;margin:0;font-size:1.06rem}.comparison{--position:50%;aspect-ratio:16/9;border:3px solid var(--ink);background:var(--ink);width:100%;min-height:420px;max-height:760px;box-shadow:12px 12px 0 var(--orange);isolation:isolate;margin:0;position:relative;overflow:hidden}.comparison-image{object-fit:cover;object-position:center;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.comparison-after{clip-path:inset(0 calc(100% - var(--position)) 0 0);position:absolute;inset:0;overflow:hidden}.comparison-label{z-index:4;border:2px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--ink);font-family:var(--condensed);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;padding:.45rem .75rem;font-size:.8rem;font-weight:900;line-height:1;position:absolute;top:1.1rem}.comparison-label-before{left:1.1rem}.comparison-label-after{background:var(--orange);color:#fff;right:1.1rem}.comparison-divider{z-index:5;top:0;bottom:3rem;left:var(--position);background:var(--cream);pointer-events:none;width:4px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #1111118c}.comparison-divider:before{content:"";border:3px solid var(--ink);background:var(--orange);width:58px;height:58px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-divider span{z-index:1;color:#fff;font-family:Arial,sans-serif;font-size:2rem;font-weight:900;line-height:1;position:absolute;top:50%;transform:translateY(-55%)}.comparison-divider span:first-child{right:7px}.comparison-divider span:last-child{left:7px}.comparison-range{z-index:6;opacity:0;cursor:ew-resize;width:100%;height:calc(100% - 3rem);margin:0;position:absolute;inset:0 0 3rem}.comparison-range::-webkit-slider-thumb{appearance:none;width:56px;height:56px}.comparison-range::-moz-range-thumb{border:0;width:56px;height:56px}.comparison-range:focus-visible+.comparison-value{opacity:1}.comparison-value{z-index:7;left:var(--position);background:var(--ink);color:var(--cream);font-family:var(--condensed);opacity:0;pointer-events:none;padding:.25rem .45rem;font-size:.72rem;font-weight:900;line-height:1;position:absolute;bottom:4.2rem;transform:translate(-50%)}.comparison figcaption{z-index:8;background:var(--ink);min-height:3rem;color:var(--cream);font-family:var(--condensed);letter-spacing:.04em;align-items:center;padding:.55rem 1rem;font-size:.76rem;font-weight:800;display:flex;position:absolute;inset:auto 0 0}.projects{background:var(--teal-deep);color:var(--cream);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem)}.projects-intro{justify-content:space-between;align-items:end;gap:2rem;display:flex}.projects .eyebrow{color:#8fd0ca}.project-tabs{scrollbar-width:thin;gap:.5rem;margin:3rem 0 1.3rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.project-tabs button{color:var(--cream);font-family:var(--condensed);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f7f3e973;flex:none;padding:.75rem 1.1rem;font-size:.82rem;font-weight:900}.project-tabs button[aria-selected=true]{background:var(--orange);border-color:var(--orange)}.project-stage{border:2px solid var(--cream);grid-template-columns:.35fr 1.35fr .8fr;align-items:center;gap:3rem;min-height:430px;padding:clamp(2rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.project-stage:after{content:"";background:repeating-radial-gradient(circle,#f7f3e91a 0 2px,#0000 2px 14px);height:90%;position:absolute;inset:auto -5% -55% 20%;transform:rotate(-8deg)}.project-index{font-family:var(--display);color:var(--orange);align-self:start;font-size:clamp(4rem,9vw,9rem);line-height:.8}.project-copy{z-index:2;position:relative}.project-label{font-family:var(--condensed);letter-spacing:.1em;text-transform:uppercase;color:#8fd0ca;font-size:.78rem;font-weight:900}.project-copy h3{max-width:700px;font-family:var(--display);text-transform:uppercase;font-size:clamp(2.6rem,4.5vw,5.5rem);line-height:.94}.project-copy>p:last-child{max-width:620px;font-size:1.05rem}.project-shape{aspect-ratio:1;border:3px solid var(--cream);width:min(260px,22vw);box-shadow:inset 0 0 0 12px var(--orange), inset 0 0 0 15px var(--ink);z-index:2;border-radius:50%;justify-self:end;place-items:center;display:grid;position:relative;transform:rotate(7deg)}.project-shape span{font-family:var(--display);font-size:clamp(3rem,6vw,6rem)}.section-heading.compact{grid-template-columns:.5fr 1fr}.process-list{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:2rem;padding:2rem 0;display:grid}.process-list>li>span{font-family:var(--display);color:var(--orange);font-size:2.3rem}.process-list h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.8rem,3vw,3rem)}.process-list p{max-width:640px;margin:.25rem 0 0}.values{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.values div{border-right:1px solid var(--ink);flex-direction:column;justify-content:center;min-height:190px;padding:2rem;display:flex}.values div:last-child{border:0}.values div:nth-child(2n){background:var(--orange);color:#fff}.values b{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.7rem,2.8vw,3rem)}.values span{font-size:.92rem}.contact{background:var(--ink);color:var(--cream);grid-template-columns:1fr 1fr;gap:6vw;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem);display:grid}.contact .eyebrow{color:var(--orange)}.contact-copy>p:last-child{max-width:540px;font-size:1.08rem}.contact-actions{border-top:1px solid #f7f3e966}.contact-actions a{border-bottom:1px solid #f7f3e966;grid-template-columns:1fr auto;padding:1.7rem 0;text-decoration:none;display:grid}.contact-actions a:hover strong,.contact-actions a:focus-visible strong{color:var(--orange)}.contact-actions small{font-family:var(--condensed);letter-spacing:.1em;text-transform:uppercase;color:#8fd0ca;grid-column:1;font-size:.72rem;font-weight:900;display:block}.contact-actions strong{font-family:var(--display);overflow-wrap:anywhere;text-transform:uppercase;grid-column:1;font-size:clamp(1.35rem,2.3vw,2.5rem);line-height:1.15;transition:color .2s}.contact-actions span{color:var(--orange);grid-area:1/2/span 2;align-self:center;font-size:1.5rem}footer{background:var(--teal-deep);color:var(--cream);justify-content:space-between;align-items:center;gap:2rem;padding:2rem clamp(1.25rem,6vw,7rem);display:flex}.footer-brand{color:#fff}footer p{font-family:var(--condensed);letter-spacing:.07em;text-align:center;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}@media (width<=1000px){.site-header{height:74px}.brand img{width:58px;height:48px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:680px}.hero-visual{border-left:0;border-top:2px solid var(--ink);min-height:720px}.section-heading{grid-template-columns:.55fr 1.3fr}.section-heading>p:last-child{grid-column:2}.service-card{min-height:460px}.comparison-heading{grid-template-columns:1fr 1fr}.project-stage{grid-template-columns:.3fr 1.2fr}.project-shape{display:none}.contact{grid-template-columns:1fr}}@media (width<=760px){.site-header{position:sticky;top:0}.menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;display:flex;position:relative}.menu-toggle span{background:var(--ink);width:25px;height:2px;transition:transform .2s,opacity .2s}.menu-toggle b{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}nav{background:var(--cream);border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;gap:.3rem;padding:1rem 1.25rem 1.4rem;display:none;position:absolute;top:73px;left:0;right:0}nav.open{display:flex}nav a{padding:.8rem .2rem;font-size:1rem}.nav-cta{text-align:center;margin-top:.5rem}.brand{font-size:1.15rem}.hero-copy{min-height:auto;padding-top:4.7rem;padding-bottom:4.7rem}h1{font-size:clamp(3.6rem,18vw,6rem)}.hero-lead{font-size:1.02rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-signature{flex-direction:column;gap:.5rem;margin-top:3rem}.hero-visual{min-height:520px}.logo-plate{width:88%}.stamp{width:105px;height:105px;font-size:.58rem;bottom:5%;right:4%}.stamp strong{font-size:.67rem}.section-heading,.section-heading.compact{display:block}.section-heading h2{margin-bottom:1.4rem}.service-grid{grid-template-columns:1fr}.service-card{border:0;border-bottom:2px solid var(--ink);min-height:auto}.service-card:last-child{border-bottom:0}.service-icon{margin-bottom:4rem}.comparison-heading{display:block}.comparison-heading h2{margin-bottom:1.4rem}.comparison{aspect-ratio:4/5;min-height:440px;box-shadow:7px 7px 0 var(--orange)}.comparison-divider{bottom:4.3rem}.comparison-range{height:calc(100% - 4.3rem);bottom:4.3rem}.comparison figcaption{min-height:4.3rem;font-size:.7rem;line-height:1.35}.projects-intro{display:block}.project-stage{min-height:520px;display:block}.project-index{margin-bottom:4rem}.process-list li{grid-template-columns:60px 1fr;gap:1rem}.values{grid-template-columns:1fr 1fr}.values div:nth-child(2){border-right:0}.values div:nth-child(-n+2){border-bottom:1px solid var(--ink)}.contact{gap:3rem}footer{flex-direction:column}}@media (width<=430px){.brand img{display:none}.hero-visual{min-height:430px}.comparison{min-height:390px}.comparison-label{top:.75rem}.comparison-label-before{left:.75rem}.comparison-label-after{right:.75rem}.comparison-divider:before{width:50px;height:50px}.values{grid-template-columns:1fr}.values div,.values div:nth-child(2){border-right:0;border-bottom:1px solid var(--ink);min-height:150px}.values div:last-child{border:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
