:root{--ink:#1e1d1a;--paper:#f2eee7;--line:#b8b2a8;--orange:#e66c35;--muted:#716e68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}.site-shell{max-width:1440px;margin:auto;padding:0 32px}.site-header{height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-family:'DM Mono',monospace;font-size:11px;line-height:1.08;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.brand img{width:53px;height:36px;object-fit:cover;object-position:center}.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:50px}.nav-links a,.language-switch{color:var(--ink);font:500 12px 'DM Mono',monospace;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.nav-links a:hover,.contact-email:hover{color:var(--orange)}.language-switch{border:0;background:none;padding:10px 0;cursor:pointer}.language-active{color:var(--orange)}.language-divider{margin:0 6px;color:var(--muted)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.hero{min-height:600px;padding:110px 0 100px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 31px;color:var(--muted);font:500 11px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.dot{width:7px;height:7px;display:inline-block;background:var(--orange);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{max-width:700px;margin-bottom:36px;font-size:104px;line-height:.94;letter-spacing:-.045em;font-weight:600}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-lede{max-width:470px;margin-bottom:35px;color:#55514a;font-size:18px;line-height:1.45}.button{display:inline-flex;gap:24px;align-items:center;padding:15px 18px;text-decoration:none;font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.03em}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--orange)}.hero-mark{align-self:end;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;height:330px;position:relative}.mark-line,.mark-corner{background:var(--ink)}.mark-corner{clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.hero-mark p{position:absolute;bottom:-42px;left:0;color:var(--muted);font:11px/1.4 'DM Mono',monospace}.band{margin-left:-32px;margin-right:-32px;padding:112px 32px}.statement{background:var(--ink);color:var(--paper)}.statement .eyebrow{color:#9d9991}.statement-content{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw}.statement h2,.section-intro h2{font-size:72px;line-height:.98;letter-spacing:-.045em;font-weight:500;margin:0}.statement h2 span{color:#918c83}.statement-text{max-width:390px;color:#b6b0a5;font-size:16px;line-height:1.55}.statement-text p+p{margin-top:22px}.work{padding:110px 0}.section-intro h2{max-width:520px}.work-list{border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:1.3fr 1fr auto;gap:15px;align-items:center;min-height:88px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.work-item:hover{color:var(--orange)}.work-logo{font-size:21px;font-weight:700;letter-spacing:-.06em}.work-logo span{font-weight:400}.work-logo.justeat{font-style:italic}.work-logo.learning{font-size:18px;color:#4f7785}.work-logo.learning span{color:#e3734b}.work-logo.temper{font-size:25px}.work-logo.temper span{color:var(--orange);font-size:16px}.work-logo.verne{font-weight:500;letter-spacing:.02em}.work-logo.verne small{font-size:11px;letter-spacing:.03em}.work-type{font:11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.arrow{font-size:21px}.founded{background:#dcd7ce}.founded-copy{padding-top:52px}.founded-copy>p{max-width:420px;color:#5e5a53;font-size:16px;line-height:1.5}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:73px}.company{border-top:2px solid var(--ink);padding-top:13px;display:flex;flex-direction:column;gap:10px;min-height:132px}.company-number,.detail-number{font:11px 'DM Mono',monospace;color:var(--orange)}.company strong{font-size:20px;line-height:1.02}.company span:last-child{font:11px 'DM Mono',monospace;color:var(--muted);margin-top:auto}.details{padding:110px 0;grid-template-columns:repeat(3,1fr);gap:7vw}.detail-block{border-top:1px solid var(--line);padding-top:14px}.detail-block h3{font-size:21px;font-weight:500;margin:35px 0 18px}.detail-block p{max-width:280px;color:#5e5a53;font-size:14px;line-height:1.55}.detail-block strong{color:var(--ink)}.contact{background:var(--orange);margin-left:-32px;margin-right:-32px;padding:39px 32px 29px;min-height:510px;display:flex;flex-direction:column}.contact-top{display:flex;justify-content:space-between}.contact .eyebrow{color:#5a2714}.contact-index{font:11px 'DM Mono',monospace}.contact h2{font-size:130px;line-height:.88;letter-spacing:-.06em;font-weight:500;margin:auto 0 52px}.contact h2 em{color:var(--paper)}.contact-email{color:var(--ink);font:500 30px 'DM Mono',monospace;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:12px;align-self:flex-start}.contact-email span{font-family:Arial}.contact-footer{display:flex;justify-content:space-between;align-items:end;margin-top:65px;font:11px 'DM Mono',monospace;text-transform:uppercase}.contact-footer address{font-style:normal;line-height:1.5}.contact-footer>span{color:#623019}@media(max-width:760px){.site-shell{padding:0 20px}.site-header{height:84px}.brand img{width:45px;height:31px}.nav-links{display:none}.hero{display:block;min-height:0;padding:80px 0 115px}.hero-lede{font-size:16px}.hero-mark{height:195px;margin-top:105px}.band{margin-left:-20px;margin-right:-20px;padding:78px 20px}.statement-content{display:block}.statement h2{margin-bottom:42px}.work{display:block;padding:78px 0}.section-intro{margin-bottom:58px}.work-item{grid-template-columns:1fr auto;min-height:98px}.work-type{grid-column:1}.arrow{grid-column:2;grid-row:1 / span 2}.founded .section-grid{display:block}.founded-copy{padding-top:48px}.company-grid{margin-top:54px;grid-template-columns:1fr}.company{min-height:100px}.details{display:block;padding:78px 0}.detail-block+.detail-block{margin-top:44px}.contact{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;min-height:590px}.contact h2{margin-top:80px;margin-bottom:45px}.contact-footer{flex-wrap:wrap;gap:23px}.contact-footer address{width:100%}}
:root{--ink:#1e1d1a;--paper:#f2eee7;--line:#b8b2a8;--orange:#e66c35;--muted:#716e68}
@media(min-width:1001px){h1{font-size:104px}.statement h2,.section-intro h2{font-size:72px}.contact h2{font-size:130px}.contact-email{font-size:30px}}
@media(min-width:761px) and (max-width:1000px){h1{font-size:72px}.statement h2,.section-intro h2{font-size:56px}.contact h2{font-size:88px}.contact-email{font-size:23px}}
@media(max-width:760px){h1{font-size:52px}.statement h2,.section-intro h2{font-size:43px}.contact h2{font-size:62px}.contact-email{font-size:17px}}

/* Softer studio direction */
:root{--paper:#f7f4ef;--ink:#292826;--line:#d8d0c6;--orange:#df7652;--muted:#827a72}
body{background:var(--paper)}
.site-header{border-bottom:0;height:112px}
.brand img{border-radius:10px}
.button{border-radius:999px;padding:16px 20px}
.hero{padding-top:86px}
.hero-mark{height:330px;gap:12px;display:block;border-radius:28px;overflow:hidden}
.hero-mark img{width:100%;height:100%;display:block;object-fit:cover;object-position:left center}
.hero-mark .mark-line,.hero-mark .mark-corner{border-radius:18px}
.statement,.founded,.contact{border-radius:28px}
.statement{margin-top:24px}
.ambient-image{height:260px;margin:24px 0 0;overflow:hidden;border-radius:28px}
.ambient-image img{width:100%;height:100%;display:block;object-fit:cover}
.work{padding-top:92px}
.work-list{border:0;display:grid;gap:12px}
.work-item{grid-template-columns:88px 1.25fr 1fr auto;gap:18px;min-height:104px;padding:12px 18px;border:1px solid var(--line);border-radius:18px;background:#fbfaf7;transition:transform .2s ease,box-shadow .2s ease}
.work-item:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 24px rgba(55,43,31,.08)}
.work-image{width:88px;height:78px;border-radius:12px;display:block;background-image:url('assets/ambient-triptych.png');background-size:300% 100%;background-repeat:no-repeat}
.work-image-desk{background-position:0 50%}.work-image-learning{background-position:50% 50%}.work-image-cards{background-position:100% 50%}
.work-image-verne{background-position:0 50%;filter:saturate(.7)}
.work-logo.learning img{width:148px;max-height:42px;object-fit:contain;object-position:left center;display:block}
.work-logo.justeat img{width:190px;max-height:38px;object-fit:contain;object-position:left center;display:block}
.work-logo.temper img{width:130px;max-height:38px;object-fit:contain;object-position:left center;display:block;filter:brightness(0)}
.work-logo.verne img{width:150px;max-height:42px;object-fit:contain;object-position:left center;display:block}
.work-logo{letter-spacing:-.04em}.work-item .arrow{padding-right:2px}
.company{border-top:0;border-radius:16px;background:rgba(255,255,255,.42);padding:15px;min-height:145px}
.details{gap:20px}.detail-block{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfaf7}.detail-block h3{margin-top:28px}
.contact{margin-top:24px}
@media(max-width:760px){.site-header{height:92px}.hero{padding-top:64px}.hero-mark{height:195px}.ambient-image{height:190px;border-radius:20px}.work-item{grid-template-columns:72px 1fr auto;min-height:96px;padding:10px 12px}.work-image{width:72px;height:72px}.work-type{grid-column:2}.work-item .arrow{grid-column:3;grid-row:1 / span 2}.work-logo.learning img{width:120px}.company{min-height:106px}.statement,.founded,.contact{border-radius:20px}}