:root{--accent:#641f36;--paper:#f3f0e9;--ink:#272823;--muted:#64665c;--line:#cfcec3;--rail:min(34vw,33.77svh);--space:clamp(28px,4.5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #526b2e;outline-offset:5px}::selection{background:#cad7a4}.skip{position:fixed;top:-70px;left:12px;z-index:20;padding:15px;background:var(--ink);color:white}.skip:focus{top:12px}.portrait-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100svh;z-index:2;background:var(--paper);border-right:1px solid var(--line)}.portrait-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none}.portrait{position:absolute;width:auto;max-width:none;height:120svh;left:-33.77svh;top:-14svh;mix-blend-mode:multiply;transform:none;animation:none;transition:none}.wordmark{position:absolute;top:0;left:24px;z-index:3;font-size:64px;font-weight:900;letter-spacing:-5px;line-height:.68;display:flex;flex-direction:column;background:#171715;color:#fff;padding:42px 17px 20px;box-shadow:0 2px 4px #00000014}.wordmark:after{content:"";position:absolute;inset:-1px 5px 5px;border:1px dashed #ffffff45;border-top:0;pointer-events:none}.wordmark i{font-style:normal;color:var(--accent)}.rail-note{position:absolute;bottom:22px;right:22px;z-index:2;background:var(--paper);padding:8px;font-size:9px;letter-spacing:1.7px}.reading-column{margin-left:var(--rail);min-width:0}.header{padding:30px var(--space);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px}.header nav{display:flex;align-items:center;gap:23px;font-size:12px}.header nav a{padding:10px 0}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.controls{display:flex;gap:18px;align-items:center}.header .languages{gap:4px;font-size:10px}.languages a{min-width:30px;text-align:center}.languages a[aria-current]{border-bottom:1px solid var(--ink);font-weight:700}.controls button{background:none;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;cursor:pointer;flex-shrink:0}.controls button[hidden]{display:none}.hero{padding:85px var(--space) 70px;min-height:calc(100svh - 104px);display:flex;flex-direction:column;justify-content:center}.eyebrow,.label{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;line-height:1.7;margin:0 0 35px}.hero h1{font-size:clamp(40px,4.8vw,78px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0 0 30px;max-width:930px}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero-intro{max-width:540px;line-height:1.7;font-size:16px;margin:0 0 27px}.explore{display:inline-flex;align-items:center;gap:15px;font-size:12px;align-self:flex-start;padding:8px 0}.explore>span{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px}.section{padding:85px var(--space);border-top:1px solid var(--line)}h2{font-size:clamp(34px,3.6vw,62px);letter-spacing:-.055em;line-height:1.1;font-weight:500;margin:0 0 32px}h3{font-weight:500;letter-spacing:-.7px}.prose{max-width:650px}.prose p,.section-intro{font-size:16px;line-height:1.8;color:#50534a;margin:0 0 22px}.motif{margin:40px 0 0;font-family:Georgia,serif;font-style:italic;font-size:23px;color:#77864d}.section-intro{max-width:600px;margin-bottom:45px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 24px}.project:nth-child(even){padding-top:70px}.project-art{height:clamp(290px,32vw,500px);position:relative;display:block;overflow:hidden;isolation:isolate}.project-art .number{position:absolute;left:18px;top:18px;z-index:3;font-size:10px;letter-spacing:1px}.external{position:absolute;bottom:18px;right:18px;z-index:3;font-size:23px;width:36px;height:36px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;transition:transform .3s}.project-art:hover .external{transform:rotate(45deg)}.project h3{font-size:24px;margin:22px 0 9px}.project .role{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 14px}.project p{font-size:14px;line-height:1.75;color:#56594f;margin:0}.fruits{background:#e3cdd5}.fruits-logo{position:absolute;top:45px;left:20px;width:45%;height:auto}.packshots{position:absolute;left:-15%;top:28%;width:135%;height:65%;display:flex;align-items:center;transform:rotate(-10deg);transition:transform .7s}.packshots img{width:69%;height:100%;object-fit:contain;filter:drop-shadow(9px 13px 9px #53284122)}.packshots img+img{margin-left:-38%;margin-top:55px;transform:rotate(18deg)}.fruits:hover .packshots{transform:rotate(-4deg)}.chipzz{background:#204e3c;color:white}.chipzz-logo{position:absolute;top:45px;left:20px;width:54%;height:auto;z-index:2}.disc{position:absolute;top:35%;left:25%;width:95%;aspect-ratio:1;border-radius:50%;background:#bdcc87}.chipzz-pack{position:absolute;bottom:-7%;right:-7%;width:90%;height:88%;object-fit:contain;transform:rotate(12deg);transition:transform .7s}.chipzz:hover .chipzz-pack{transform:rotate(5deg)}.bold{background:#d7482c;color:white;display:grid;place-items:center}.bold-logo{width:83%;height:auto;position:relative;z-index:1}.rings{position:absolute;inset:12% 0;border:1px solid #fff5;border-radius:50%;transform:rotate(-30deg)}.rings:after{content:'';position:absolute;inset:-15% 17%;border:1px solid #fff5;border-radius:50%}.snacx{background:#c6d598;display:grid;place-items:center}.snacx-logo{font-size:clamp(38px,4.9vw,85px);font-weight:900;letter-spacing:-.08em;z-index:1}.asterisk{position:absolute;font-size:240px;line-height:1;color:#dce6bd;right:-80px;top:20px}.earlier{margin-top:65px}.earlier .label{margin-bottom:22px}.earlier details{border-top:1px solid var(--line);padding:24px 0}.earlier summary{display:flex;justify-content:space-between;gap:15px;font-size:20px;cursor:pointer;list-style:none}.earlier summary::-webkit-details-marker{display:none}.earlier details[open] summary>span{transform:rotate(45deg)}.earlier details p{font-size:14px;line-height:1.8;color:var(--muted)}.archive-link{font-size:12px;text-decoration:underline;text-underline-offset:5px}.practice{background:#e7e8de}.practice-list article{display:grid;grid-template-columns:30px 1fr;gap:20px;border-top:1px solid #c6c8bb;padding:27px 0}.item-no{font-size:11px;color:var(--muted);padding-top:4px}.practice-list h3{font-size:23px;margin:0 0 12px}.practice-list p,.timeline p{font-size:15px;line-height:1.8;color:#56594f;margin:0;max-width:610px}.timeline article{display:grid;grid-template-columns:45px 1fr;gap:23px;border-top:1px solid var(--line);padding:27px 0}.country{font-family:Georgia,serif;font-style:italic;font-size:29px}.timeline h3{font-size:21px;margin:0 0 12px}.spoken{font-size:12px;line-height:1.7;color:var(--muted);margin:30px 0 0}.contact{background:var(--accent);color:var(--paper);border:0}.contact h2{font-size:clamp(32px,3.6vw,60px)}.contact>p:not(.label){font-size:15px;line-height:1.7}.email{display:inline-flex;gap:20px;max-width:100%;font-size:clamp(16px,2.2vw,32px);letter-spacing:-.5px;border-bottom:1px solid;padding:15px 0 8px;overflow-wrap:anywhere}.email span{flex-shrink:0}footer{padding:35px var(--space);display:flex;gap:12px 28px;flex-wrap:wrap;font-size:10px;color:var(--paper);background:var(--accent)}footer a{margin-left:auto}.reveal.is-visible{animation:reveal .7s ease-out both}@keyframes reveal{from{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:none}}html.motion-off{scroll-behavior:auto}.motion-off *{animation:none!important;transition:none!important}
@media(min-width:1700px){:root{--rail:min(32vw,33.77svh)}.hero h1{max-width:1050px}.hero-intro{max-width:650px}}
@media(max-width:1100px){:root{--rail:min(30vw,33.77svh);--space:30px}.header{flex-wrap:wrap;gap:10px}.header nav{gap:18px}.hero{padding-top:50px}.hero h1{font-size:45px}.rail-note{font-size:8px;letter-spacing:1px;right:10px}.project-grid{grid-template-columns:1fr}.project:nth-child(even){padding-top:0}.project-art{height:430px}.fruits-logo{width:34%}.packshots{left:8%;top:15%;width:100%;height:80%}.chipzz-logo{width:40%}.chipzz-pack{width:70%;right:5%;height:90%}.snacx-logo{font-size:80px}}
@media(max-width:700px){:root{--rail:76px;--space:20px}html{scroll-padding-top:20px}.portrait-rail{height:100svh}.wordmark{font-size:33px;letter-spacing:-2.7px;top:0;left:2px;padding:28px 5px 14px}.wordmark:after{inset:-1px 3px 3px}.rail-note{display:none}.header{padding:20px var(--space);display:block;min-height:124px}.header nav{gap:17px;font-size:11px;flex-wrap:wrap}.controls{gap:8px;justify-content:space-between;margin-top:9px}.header .languages{gap:1px;font-size:10px;flex-wrap:nowrap}.languages a{min-width:28px}.controls button{width:30px;height:30px}.hero{min-height:0;padding:35px var(--space) 50px}.eyebrow,.label{font-size:8px;letter-spacing:1.1px;margin-bottom:25px}.hero h1{font-size:clamp(29px,6.8vw,45px);line-height:1.07;letter-spacing:-.055em;overflow-wrap:normal}.hero-intro{font-size:14px;line-height:1.75;margin-bottom:22px}.explore{font-size:11px;gap:8px}.explore>span{width:30px;height:30px;flex-shrink:0}.section{padding:50px var(--space)}h2{font-size:29px;line-height:1.1;letter-spacing:-1.25px;overflow-wrap:anywhere}.prose p,.section-intro{font-size:14px;line-height:1.8}.motif{font-size:20px}.project-grid{gap:35px}.project-art{height:310px}.fruits-logo{width:60%;left:14px;top:45px}.packshots{left:-23%;top:30%;width:145%;height:62%}.chipzz-logo{width:66%;left:14px}.chipzz-pack{right:-14%;width:110%;height:86%;bottom:-3%}.snacx-logo{font-size:clamp(36px,10.5vw,65px)}.external{width:30px;height:30px;font-size:20px;bottom:12px;right:12px}.project h3{font-size:23px;overflow-wrap:anywhere}.project p{font-size:13px}.project .role{font-size:10px}.earlier{margin-top:45px}.earlier summary{font-size:18px;line-height:1.3}.earlier details p{font-size:13px}.practice-list article{grid-template-columns:18px 1fr;gap:10px}.practice-list h3{font-size:21px}.practice-list p,.timeline p{font-size:13px;line-height:1.8}.timeline article{grid-template-columns:1fr;gap:12px}.country{font-size:25px}.timeline h3{font-size:21px}.contact h2{font-size:30px}.contact>p:not(.label){font-size:14px}.email{font-size:15px;gap:8px;display:block;line-height:1.6}.email span{white-space:nowrap}footer{padding:28px var(--space);font-size:9px;display:flex;flex-direction:column;gap:12px}footer a{margin-left:0}}
@media(max-width:360px){:root{--rail:64px;--space:16px}.wordmark{font-size:30px;left:1px;padding:27px 4px 13px}.header nav{gap:12px}.hero h1{font-size:29px}.project-art{height:270px}.header .languages a{min-width:26px}.controls{gap:4px}.snacx-logo{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.portrait-rail,.header,.skip,.explore,.external{display:none}.reading-column{margin-left:0}.hero{min-height:0}.section,.hero{padding:30px 0}.hero h1{font-size:40px}.project-grid{grid-template-columns:1fr 1fr}.project-art{height:260px}.project{break-inside:avoid}.project:nth-child(even){padding:0}footer{padding:20px 0}.practice,.contact{background:white}.reveal{animation:none!important}}
/* Biography, personal note and a single, quiet list of projects. */
.personal-note{margin-top:55px;padding:32px 0 0;border-top:1px solid var(--line)}.personal-note .prose{font-family:Georgia,'Times New Roman',serif;font-style:italic}.personal-note .prose p{font-size:19px;line-height:1.7}.portfolio-list{list-style:none;margin:0;padding:0}.portfolio-list li{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1.65fr);gap:30px;padding:28px 0;border-top:1px solid var(--line)}.portfolio-list h3{font-size:24px;margin:0;line-height:1.3}.portfolio-list h3 a:hover{text-decoration:underline;text-underline-offset:5px}.portfolio-list h3 span{font-size:16px}.portfolio-list p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}.portfolio-list .role{font-size:11px;margin-top:10px}.portfolio-list .label{margin-bottom:10px;color:var(--ink)}.portfolio-list .new-project{margin-top:20px}.contact-form{display:flex;flex-direction:column;max-width:620px}.contact-form label{font-size:13px;margin:20px 0 9px}.contact-form input,.contact-form textarea{font:inherit;width:100%;padding:13px;border:0;border-bottom:1px solid #f3f0e980;border-radius:0;background:#ffffff08;color:var(--paper)}.contact-form textarea{resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.contact-form .form-note{font-size:12px;line-height:1.65;margin:20px 0}.form-submit{align-self:flex-start;padding:14px 20px;border:0;background:var(--paper);color:var(--accent);cursor:pointer}.form-submit:disabled{opacity:.5;cursor:default}.form-status{font-size:14px;line-height:1.6}.form-status:empty{margin:0}.form-status.has-error{color:#ffe2a8;font-weight:700}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact-address{display:inline-block;font-size:15px;margin-top:25px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.portfolio-list li{grid-template-columns:1fr;gap:12px}.portfolio-list h3{font-size:22px}.personal-note{margin-top:35px;padding-top:25px}.personal-note .prose p{font-size:17px}.contact-form input,.contact-form textarea{font-size:16px}}

.contact a:focus-visible,.contact button:focus-visible{outline-color:var(--paper)}@media print{.contact{color:var(--ink)}}

.project-country{display:inline-block;margin-top:12px;padding:4px 7px;border:1px solid var(--line);font-size:10px;font-weight:600;line-height:1;letter-spacing:1px;color:var(--muted)}

.new-projects{margin:80px calc(-1 * var(--space)) -85px;padding:70px var(--space);background:#272823;color:var(--paper)}.new-projects>h2{color:var(--paper)}.new-projects .section-intro,.new-projects .portfolio-list p,.new-projects .project-country{color:#d6d4cb}.new-projects .portfolio-list li,.new-projects .project-country{border-color:#62635b}@media(max-width:700px){.new-projects{margin-top:50px;margin-bottom:-50px;padding:50px var(--space)}}

.wordmark .mirrored-e{display:inline-block;transform:scaleX(-1);letter-spacing:0;margin-right:-.078125em}footer a:focus-visible{outline-color:var(--paper)}@media print{.contact,footer{background:white;color:var(--ink)}}

footer .legal-link{margin-left:0}.legal-page{min-height:calc(100svh - 184px)}.legal-page h1{font-size:clamp(36px,4vw,64px);font-weight:500;letter-spacing:-.04em;margin:0 0 48px}.legal-page h2{font-size:23px;letter-spacing:-.025em;margin:30px 0 16px}.legal-page address,.legal-page p{font-size:16px;line-height:1.8;font-style:normal}.legal-page a{text-decoration:underline;text-underline-offset:4px}.legal-back{margin-top:50px}

/* Local fonts: no requests to Google Fonts from visitors. Licences in assets/fonts/. */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/Manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/Manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.hero h1,.hero h1 em{font-family:Ultra,Georgia,serif;font-weight:400;font-style:normal;letter-spacing:normal;font-synthesis:none}
.hero h1{font-size:clamp(72px,8.2vw,128px);line-height:1.08;max-width:1100px;margin-bottom:38px;text-wrap:pretty}
main:not(.legal-page) .section>h2,.new-projects>h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(58px,6.7vw,112px);font-weight:800;letter-spacing:-.055em;line-height:1.04;margin-bottom:38px;overflow-wrap:break-word;hyphens:auto}
main:not(.legal-page) .section>.label{font-size:13px;font-weight:800;letter-spacing:.13em}
.social-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
footer .social-links a{margin-left:0;font-size:12px;font-weight:700;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.hero h1{font-size:clamp(46px,11.8vw,78px);line-height:1.12;margin-bottom:30px}main:not(.legal-page) .section>h2,.new-projects>h2{font-size:clamp(38px,9vw,62px);line-height:1.06;letter-spacing:-.045em;overflow-wrap:anywhere}main:not(.legal-page) .section>.label{font-size:11px}}
@media print{.hero h1{font-size:58px}main:not(.legal-page) .section>h2,.new-projects>h2{font-size:36px}.social-links{display:none}}

@font-face {
  font-family: 'Ultra';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/Ultra-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Ultra';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/Ultra-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Ultra and the fixed badge; language navigation precedes page navigation. */
.hero h1{font-size:clamp(48px,5.7vw,90px);line-height:1.14;letter-spacing:-.025em;overflow-wrap:break-word}
.wordmark{position:fixed;top:0;left:auto;right:var(--space);z-index:15}
.header{min-height:164px;padding:26px calc(var(--space) + 185px) 26px var(--space);align-items:flex-end;justify-content:flex-start;gap:25px}
.header-stack{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.header .languages{gap:12px;font-size:11px}
.header .languages a{min-width:23px;text-align:left}
.header .controls{margin:0;padding-bottom:3px}

@media(max-width:1100px){.wordmark{font-size:54px;padding:35px 15px 18px}.header{padding-right:calc(var(--space) + 145px);gap:18px}}
@media(max-width:700px){.wordmark{font-size:34px;letter-spacing:-2.7px;left:auto;right:var(--space);top:0;padding:27px 8px 15px}.header{display:flex;min-height:152px;padding:20px calc(var(--space) + 91px) 20px var(--space);align-items:flex-start;gap:0;flex-wrap:wrap}.header-stack{gap:10px;width:100%}.header nav{gap:8px 14px}.header .languages{gap:6px;font-size:10px}.header .languages a{min-width:22px;padding:7px 0}.header .controls{padding:0;margin-top:7px}.hero h1{font-size:clamp(29px,6.9vw,48px);line-height:1.18;letter-spacing:-.025em;hyphens:auto}}
@media print{.wordmark{display:none}.hero h1{font-size:40px}}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/BarlowCondensed-Bold-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/BarlowCondensed-Bold-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Numbered section markers share a condensed face and neutral grey colour. */
main:not(.legal-page) .section>.section-marker,.personal-note>.section-marker{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(44px,5.2vw,80px);font-weight:700;font-style:normal;line-height:1.05;letter-spacing:.015em;text-transform:uppercase;color:#6b6b68;margin:0 0 40px;overflow-wrap:normal}
#contact>.section-marker{color:#dededb}
@media(max-width:700px){main:not(.legal-page) .section>.section-marker,.personal-note>.section-marker{font-size:clamp(34px,8.6vw,52px);margin-bottom:30px}}
@media print{main:not(.legal-page) .section>.section-marker,.personal-note>.section-marker{font-size:30px;color:var(--ink)}}
/* Larger page navigation, with a quieter but readable language selector. */
.header-stack>nav:not(.languages){font-size:18px;line-height:1.35}
.header .languages{font-size:14px}
@media(max-width:700px){.header-stack>nav:not(.languages){font-size:15px}.header .languages{font-size:12px}.header .languages a{min-width:22px}}

/* Stop mobile edge-bounce from exposing the page canvas below the footer.
   Only the rail follows browser-toolbar height; the portrait crop stays stable. */
@media screen and (max-width:700px){
  html,body{overscroll-behavior-y:none}
  .portrait-rail{height:100dvh}
}

/* Hand-drawn SVG line icons stay monochrome on every platform. */
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}
.portfolio-list .icon-external{width:.85em;height:.85em;margin-left:.12em;color:var(--muted)}
.new-projects .icon-external{color:inherit}
.social-links .icon{width:15px;height:15px;margin-left:4px}
.explore .icon{width:20px;height:20px}
.form-submit{display:inline-flex;align-items:center;gap:14px}
.form-submit .icon{width:19px;height:19px}
.controls button{color:inherit;display:grid;place-items:center}
.controls .icon{width:17px;height:17px}
#motion .icon-play,#motion[aria-pressed="true"] .icon-pause{display:none}
#motion[aria-pressed="true"] .icon-play{display:block}
footer>a:last-child .icon{margin-left:5px}

/* Clear routes for investors and partners, between biography and portfolio. */
.header-stack>nav:not(.languages){flex-wrap:wrap;gap:8px 23px}
.collaboration{background:#e9e8e0}
.collaboration-options{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.collaboration-options article{min-width:0;border-top:1px solid #bdbdb2;padding-top:26px;display:flex;flex-direction:column;align-items:flex-start}
.collaboration-options h3{font-size:clamp(24px,2.5vw,36px);line-height:1.2;margin:0 0 20px;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
.collaboration-options p{font-size:16px;line-height:1.8;color:#50534a;margin:0 0 24px;max-width:520px}
.collaboration-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding:9px 0;border-bottom:1px solid var(--accent);color:var(--accent);font-size:15px;line-height:1.5;font-weight:700}
.collaboration-link:hover{border-bottom-width:2px;padding-bottom:8px}
.collaboration-link .icon{width:20px;height:20px}
@media(max-width:1100px){.collaboration-options{grid-template-columns:1fr;gap:32px}}
@media(max-width:700px){.collaboration-options p{font-size:14px}.collaboration-link{font-size:14px}.header-stack>nav:not(.languages){gap:8px 14px}}
#collaboration,#new-projects{scroll-margin-top:160px}
main:not(.legal-page) #collaboration>.section-marker{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:700px){#collaboration,#new-projects{scroll-margin-top:100px}}

/* A quiet, translated introduction above the main slogan. */
.hero-identity{font-size:clamp(14px,1.3vw,18px);font-weight:500;line-height:1.6;color:var(--muted);margin:0 0 28px;max-width:62ch;text-wrap:balance}
@media(max-width:700px){.hero-identity{font-size:14px;margin-bottom:22px}}

/* Uppercase wordmark, with the final E reflected rather than a numeral. */
.wordmark{font-size:50px;letter-spacing:-3px;line-height:.82}
.wordmark .mirrored-e{margin-right:-.04em}
@media(max-width:1100px){.wordmark{font-size:44px}}
@media(max-width:700px){.wordmark{font-size:30px;letter-spacing:-2px}}