@font-face{font-family:Schibsted;src:url('fonts/schibsted-grotesk-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url('fonts/caveat-latin-wght-normal.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--paper:#faf8f4;--ink:#252521;--muted:#686761;--orange:#c54d1b;--orange-light:#f7ede3;--line:#e0dcd4;--white:#fffdfa;--max:1120px}
:root[data-theme=dark]{--paper:#1c1b18;--ink:#f0ece4;--muted:#b6b1a7;--orange:#ef7d48;--orange-light:#2b2723;--line:#3a3732;--white:#26241f;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Schibsted,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
button:disabled{cursor:default}
img{max-width:100%;height:auto;display:block}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:24px;padding:12px 20px;background:var(--ink);color:white;z-index:30}
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{top:16px;opacity:1;pointer-events:auto}
.site-header{border-bottom:1px solid var(--line)}
.header-inner{height:100px;display:flex;align-items:center;gap:40px}
.brand{font-size:24px;font-weight:730;letter-spacing:-1.25px;line-height:1}
.brand .dot{color:var(--orange)}
.navigation{display:flex;align-items:center;gap:35px;margin-left:auto;font-size:13px;font-weight:550}
.navigation a{position:relative}
.navigation a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:2px;background:var(--orange);transition:width .2s}
.navigation a:hover:after{width:100%}
.language-switch{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.06em;border-left:1px solid var(--line);padding-left:26px}
.language-switch [aria-current]{color:var(--orange);font-weight:750}
.language-switch span{color:#bdb6ac}
.menu-toggle{display:none;border:0;background:none;padding:8px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:16px;min-height:575px;padding-block:52px 42px}
h1{font-size:clamp(42px,4.45vw,64px);line-height:1.1;letter-spacing:-2.9px;font-weight:730;margin:23px 0 24px}
h1 span{display:block;color:var(--orange)}
.hero-copy>p{font-size:16px;line-height:1.8;max-width:420px;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:18px;background:var(--orange);color:white;padding:13px 20px;border-radius:5px;border:1px solid var(--orange);transition:transform .2s,background .2s}
.button:hover{background:#be4313;transform:translateY(-2px)}
.button svg{width:18px;height:18px}
.hero-art{margin-right:-28px;align-self:center}
.hero-art img{width:100%;mix-blend-mode:darken;aspect-ratio:3/2;object-fit:contain}
.hero-art figcaption{text-align:center;font-family:Caveat,cursive;font-size:23px;transform:rotate(-3deg);margin-top:2px;color:var(--muted)}
.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;margin-bottom:72px;align-items:start}
.section-kicker{font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:16px}
h2{font-size:clamp(30px,3vw,39px);line-height:1.22;letter-spacing:-1.4px;font-weight:680}
.hand-line{position:relative;display:inline-block}
.hand-line:after{content:'';position:absolute;left:0;bottom:-7px;width:65px;height:3px;border-radius:60%;background:var(--orange);transform:rotate(-3deg)}
.intro-copy p{color:var(--muted);font-size:15px;line-height:1.85}
.intro-copy .hand-note{font-family:Caveat,cursive;font-size:25px;color:var(--ink);margin-top:11px;transform:rotate(-2deg)}
.world-section{padding-block:88px 90px;border-block:1px solid var(--line)}
.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px}
.project{min-width:0;scroll-margin-top:30px}
.project-visual{display:block;position:relative;background:var(--orange-light);overflow:hidden;border-radius:8px}
.project-visual img{aspect-ratio:1.8;object-fit:contain;mix-blend-mode:darken;width:100%;transition:transform .5s}
.project-visual:hover img{transform:scale(1.035)}
.project-number{position:absolute;left:20px;top:17px;font-size:11px;letter-spacing:.08em;color:var(--muted)}
.project-visual .external-arrow{position:absolute;right:15px;bottom:15px;background:var(--paper);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}
.external-arrow svg{width:17px;height:17px}
.project-meta{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:18px 0 7px}
h3{font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:650}
.project-type{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right}
.project-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}
.project-cta{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:650;margin-top:13px}
.project-cta:hover{color:var(--orange)}
.project-cta svg{width:15px;height:15px}
.contact{padding:83px 0 76px;display:flex;justify-content:space-between;align-items:center;gap:50px}
.contact h2{font-size:41px;margin-bottom:13px}
.contact p{font-size:14px;color:var(--muted)}
.contact-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--ink);font-size:22px;letter-spacing:-.6px;padding-block:12px}
.contact-link svg{color:var(--orange);width:28px;height:28px}
.contact-link:hover{color:var(--orange)}
.site-footer{border-top:1px solid var(--line)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:110px}
.footer-copy{font-size:11px;line-height:1.8;color:var(--muted)}
.footer-brand{font-family:Caveat,cursive;font-size:36px;letter-spacing:-1px;transform:rotate(-3deg)}
.footer-brand span{color:var(--orange)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Evening theme (set by site.js): drawings turned light-on-dark, orange kept */
.art-evening{display:none}
[data-theme=dark] .art-day{display:none}
[data-theme=dark] .art-evening{display:block}
[data-theme=dark] .hero-art img,[data-theme=dark] .project-visual img{mix-blend-mode:lighten}
[data-theme=dark] .hero-art img,[data-theme=dark] .project-visual img:not(.art-evening){filter:invert(1) hue-rotate(180deg)}
[data-theme=dark] .skip-link,[data-theme=dark] .button{color:var(--paper)}
[data-theme=dark] .button:hover{background:#f59262}
@media(min-width:1500px){.container{--max:1200px}.hero{min-height:610px}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.navigation{gap:22px}.header-inner{gap:24px}.hero{min-height:530px}.hero-art{margin-right:0}h1{font-size:48px;letter-spacing:-2px}.intro{gap:50px}.contact-link{font-size:19px;gap:16px}.project-type{max-width:130px}.world-section{padding-top:68px}}
@media(max-width:760px){html{scroll-padding-top:35px}.container{width:calc(100% - 40px)}.header-inner{height:78px;gap:16px;position:relative}.brand{font-size:23px}.menu-toggle{display:flex;margin-left:auto;align-items:center;justify-content:center;gap:7px;font-size:11px;order:3}.language-switch{margin-left:auto;border-left:0;padding-left:0;order:2}.navigation{display:none;position:absolute;top:78px;left:-20px;right:-20px;padding:24px 20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:10;margin:0;box-shadow:0 10px 15px #25252108}.navigation.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hero{grid-template-columns:1fr;gap:0;padding:47px 0 32px;min-height:0}h1{font-size:clamp(39px,7.8vw,57px);letter-spacing:-2px;margin:20px 0}.hero-copy>p{font-size:14px;max-width:490px}.button{padding:12px 17px}.hero-art{margin:22px auto 0;width:min(490px,100%)}.hero-art figcaption{font-size:22px;margin-top:-4px}.intro{grid-template-columns:1fr;gap:27px;margin-bottom:35px}.section-kicker{font-size:10px;margin-bottom:13px}.intro h2{font-size:32px}.intro-copy p{font-size:14px}.intro-copy .hand-note{font-size:23px;margin-top:11px}.projects{gap:32px 20px}.project-visual img{aspect-ratio:1.55}.project-number{left:12px;top:12px;font-size:9px}.project-meta{display:block;margin-top:15px}h3{font-size:21px}.project-type{display:block;margin:5px 0 0;text-align:left;font-size:9px;max-width:none}.project-description{font-size:12px}.project-cta{font-size:11px}.world-section{padding-block:50px 55px}.contact{padding:50px 0;display:block}.contact h2{font-size:34px}.contact p{font-size:13px}.contact-link{margin-top:20px;font-size:21px;gap:24px}.footer-inner{min-height:112px;gap:15px}.footer-copy{max-width:210px;font-size:10px}.footer-brand{font-size:29px;white-space:nowrap}}
@media(max-width:420px){.projects{grid-template-columns:1fr;gap:32px}.project-visual img{aspect-ratio:1.8}.project-meta{display:flex}.project-type{margin:0;text-align:right;max-width:130px}.project-description{font-size:13px}.project-cta{font-size:12px}.project-visual .external-arrow{width:31px;height:31px}.contact-link{font-size:19px;gap:14px}.footer-inner{align-items:flex-start;padding:25px 0}.footer-copy{max-width:175px}.footer-brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}