@font-face{
  font-family:"Geist";
  src:url("fonts/Geist-Variable.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{
  --bg:#f3f1ec;
  --ink:#12110f;
  --muted:#68655f;
  --line:rgba(18,17,15,.14);
  --accent:#ff3d00;
  --pad:clamp(22px,3.3vw,54px);
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-soft:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .22s ease}
a:hover{color:var(--accent)}
a:focus-visible{outline:1px solid var(--accent);outline-offset:5px;border-radius:1px}
.page{min-height:100vh;overflow:hidden}
.masthead{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:16px var(--pad);border-bottom:1px solid var(--line);background:rgba(243,241,236,.92);backdrop-filter:blur(14px);transition:border-color .3s ease,background .3s ease}
.name{font-weight:760;letter-spacing:-.018em;font-size:14px}
.nav{display:flex;gap:22px;font-size:12.5px;color:var(--muted);align-items:center}
.nav a{position:relative;transition:color .28s ease}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.nav a:hover::after,.nav a:focus-visible::after,.nav a.active::after{transform:scaleX(1)}
.nav a:hover,.nav a.active{color:var(--accent)}
.nav .lang{margin-left:7px;color:var(--ink);font-weight:650}

[data-arrival]{scroll-margin-top:72px}

.hero{min-height:90vh;padding:clamp(56px,8vw,114px) var(--pad) 38px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:24px}
.eyebrow{grid-column:1/9;font-size:10.5px;letter-spacing:.115em;text-transform:uppercase;color:var(--muted)}
.eyebrow .item{display:inline}
.eyebrow .item+.item::before{content:" · "}
.headline{grid-column:1/13;align-self:center;margin:0;max-width:11.5ch;font-size:clamp(64px,11vw,178px);line-height:.84;letter-spacing:-.061em;font-weight:800}
.headline .line{display:block;position:relative;white-space:nowrap}
.headline .form{padding-left:.70em}
.headline .effect{padding-left:1.37em}
.headline .arrow{display:inline-block;color:var(--accent);font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:.72em;letter-spacing:0;margin-right:.105em;position:relative;top:-.035em}
.meta{grid-column:1/5;align-self:end;font-size:12.5px;color:var(--muted)}
.intro{grid-column:7/13;max-width:720px;align-self:end;font-size:clamp(21px,2.2vw,35px);line-height:1.1;letter-spacing:-.03em;font-weight:600}
.rule{height:1px;background:var(--line);margin:0 var(--pad)}
.statement{padding:92px var(--pad) 112px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.statement .label{grid-column:1/4;font-size:10.5px;line-height:1.35;text-transform:uppercase;letter-spacing:.115em;color:var(--muted);max-width:20ch}
.statement .big{grid-column:4/12;font-size:clamp(30px,4vw,60px);line-height:1.05;letter-spacing:-.043em;margin:0;font-weight:500;max-width:14.5ch}
.statement .big strong{font-weight:760}
.fields{border-top:1px solid var(--line)}
.field{padding:0 var(--pad);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;border-bottom:1px solid var(--line);min-height:316px;transition:background-color .34s var(--ease-soft),border-color .34s var(--ease-soft)}
.field .num{grid-column:1/2;padding:36px 0;font-size:10.5px;color:var(--muted)}
.field .title{grid-column:2/6;padding:30px 0 52px;margin:0;font-size:clamp(33px,3.85vw,58px);letter-spacing:-.047em;line-height:.95;font-weight:700;transition:color .32s ease,transform .32s var(--ease)}
.field .body{grid-column:7/11;padding:36px 0 56px;font-size:17px;line-height:1.4;max-width:52ch}
.field .body strong{font-weight:720}
.field .proof{grid-column:11/13;padding:36px 0 56px;margin-left:clamp(26px,2.2vw,44px);font-size:12.5px;color:var(--muted);line-height:1.38}
.proof .kicker{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:14px;color:var(--muted)}
.proof a{display:block;color:var(--ink);font-weight:650;font-size:14px;line-height:1.25;margin-bottom:7px}
.proof small{display:block;color:var(--muted);font-size:12px;line-height:1.4}

/* Interaction polish — restrained, CSS only */
.proof a,.notes-all,.contact-inline a,.about .links a,.article-aside a,.legal-aside a{
  transition:color .24s ease,opacity .24s ease;
}
.note{transition:border-color .28s ease,color .24s ease}
.note .title,.note .tag,.note .date{transition:color .24s ease,opacity .24s ease}
.note .go{transition:color .24s ease,transform .28s var(--ease)}
.latest .title a{transition:color .28s ease}
.portrait{overflow:hidden}
/* Hover / focus states: ordinary CSS transitions, no capability gate */
.field:hover,.field:focus-within{
  background-color:rgba(255,61,0,.048);
  border-bottom-color:rgba(18,17,15,.20);
}
.field:hover .title,.field:focus-within .title{color:var(--accent);transform:translateX(.10em)}
.proof a:hover,.proof a:focus-visible,
.notes-all:hover,.notes-all:focus-visible,
.contact-inline a:hover,.contact-inline a:focus-visible,
.about .links a:hover,.about .links a:focus-visible,
.article-aside a:hover,.article-aside a:focus-visible,
.legal-aside a:hover,.legal-aside a:focus-visible{color:var(--accent)}
.note:hover,.note:focus-visible{border-top-color:rgba(18,17,15,.22)}
.note:hover .title,.note:focus-visible .title{color:var(--accent)}
.note:hover .go,.note:focus-visible .go{color:var(--accent);transform:translateX(-.2em)}
.note:hover .tag,.note:hover .date,.note:focus-visible .tag,.note:focus-visible .date{color:var(--muted)}

.latest{background:var(--ink);color:var(--bg);padding:clamp(72px,9vw,128px) var(--pad);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.latest .label{grid-column:1/3;font-size:10.5px;letter-spacing:.115em;text-transform:uppercase;color:rgba(243,241,236,.58)}
.latest .title{grid-column:3/8;margin:0;font-size:clamp(46px,6.2vw,98px);line-height:.92;letter-spacing:-.058em;font-weight:740;max-width:8ch}
.latest .title a:hover,.latest .title a:focus-visible{color:#ff7a53}
.latest .copy{grid-column:9/13;margin:6px 0 0;font-size:clamp(18px,1.65vw,25px);line-height:1.24;letter-spacing:-.018em;max-width:32ch}
.latest .copy p{margin:0 0 28px}
.latest .copy .links{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline}
.latest .copy a{display:inline-block;padding-bottom:3px;color:var(--bg);font-size:13px;letter-spacing:.01em;transition:color .28s ease}
.latest .copy a:hover{color:#ff7a53}

.notes{padding:96px var(--pad) 120px}
.notes-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:38px;align-items:end}
.notes-heading{grid-column:1/6}
.notes-head h2{margin:0;font-size:clamp(34px,4.3vw,68px);letter-spacing:-.047em;line-height:1;font-weight:730}
.notes-head p{margin:12px 0 0;color:var(--muted);font-size:14.5px;max-width:34ch}
.notes-all{grid-column:10/13;justify-self:end;font-size:12.5px;color:var(--muted);padding-bottom:3px}
.note{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:baseline}
.note:last-child{border-bottom:1px solid var(--line)}
.note .date{grid-column:1/3;font-size:10.5px;color:var(--muted)}
.note .title{grid-column:3/10;font-size:clamp(21px,2.25vw,34px);letter-spacing:-.028em;line-height:1.08;font-weight:490}
.note .tag{grid-column:10/12;font-size:12px;color:var(--muted)}
.note .go{grid-column:12/13;text-align:right;color:var(--accent)}


.about{padding:108px var(--pad) 124px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}
.about h2{grid-column:1/4;font-size:clamp(34px,4.2vw,66px);letter-spacing:-.047em;line-height:1;margin:0;font-weight:740}
.about .portrait{grid-column:4/6;align-self:start}
.about .portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;filter:grayscale(100%) contrast(1.03)}
.about .copy{grid-column:6/11;font-size:19px;line-height:1.38;max-width:44ch;margin:0}
.about .copy>p{margin:0}
.contact-inline{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}
.contact-inline .contact-label{display:block;margin:0 0 8px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.contact-inline a{font-size:16px;font-weight:580;letter-spacing:-.014em;display:inline-block;padding-bottom:2px}
.about .links{grid-column:11/13;font-size:13px;color:var(--muted)}
.about .links .link-label{display:block;margin-bottom:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.about .links a{display:block;margin:0 0 8px}

footer{padding:20px var(--pad) 34px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer .legal{display:flex;gap:16px}

/* Article, archive and legal pages */
.subpage .masthead{position:sticky}
.article-hero,.legal-hero,.archive-hero{padding:clamp(70px,10vw,150px) var(--pad) 60px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;border-bottom:1px solid var(--line)}
.article-meta,.legal-label,.archive-label{grid-column:1/3;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.article-hero h1,.legal-hero h1,.archive-hero h1{grid-column:3/11;margin:0;font-size:clamp(45px,6.2vw,96px);line-height:.94;letter-spacing:-.055em;font-weight:740}
.article-body,.legal-body,.archive-body{padding:72px var(--pad) 110px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.article-body .prose,.legal-body .prose{grid-column:3/9;font-size:clamp(18px,1.55vw,23px);line-height:1.56;max-width:42em}
.article-body .prose p,.legal-body .prose p{margin:0 0 1.15em}
.article-body .prose .short{margin:.25em 0}
.article-body .prose .tags{margin-top:2.4em;color:var(--muted);font-size:13px}
.article-aside,.legal-aside{grid-column:10/13;font-size:12.5px;color:var(--muted);line-height:1.45}
.article-aside a,.legal-aside a{display:block;margin-bottom:10px;color:var(--ink)}
.legal-body .prose{font-size:16px;line-height:1.58}
.legal-body h2{font-size:21px;margin:2.2em 0 .7em;letter-spacing:-.02em}
.legal-body h2:first-child{margin-top:0}
.legal-body address{font-style:normal}
.archive-body .archive-list{grid-column:3/11;width:100%}
.archive-body .note{padding:26px 0}

@media (max-width:820px){
  .nav{display:none}
  .hero{grid-template-columns:repeat(6,minmax(0,1fr));min-height:82vh;padding-top:66px;padding-bottom:40px;gap:18px}
  .eyebrow{grid-column:1/7;line-height:1.55}
  .eyebrow .item{display:block}
  .eyebrow .item+.item::before{content:""}
  .headline{grid-column:1/7;font-size:clamp(55px,16.2vw,78px);line-height:.90;letter-spacing:-.057em;max-width:none;margin:12px 0 6px}
  .headline .line{padding-left:0!important}
  .headline .form{margin-left:.95em}
  .headline .effect{margin-left:1.42em}
  .headline .arrow{font-size:.52em;margin-right:.11em;top:-.055em;letter-spacing:0;font-weight:400;vertical-align:.08em}
  .intro{grid-column:1/7;font-size:clamp(25px,7vw,34px);margin-top:18px}
  .meta{grid-column:1/7;margin-top:8px}
  .statement{grid-template-columns:repeat(6,minmax(0,1fr));padding-top:74px;padding-bottom:84px}
  .statement .label{grid-column:1/7;margin-bottom:24px}
  .statement .big{grid-column:1/7;max-width:none}
  .field{grid-template-columns:repeat(6,minmax(0,1fr));min-height:0}
  .field .num{grid-column:1/2;padding-bottom:12px}
  .field .title{grid-column:1/7;padding-top:0;padding-bottom:28px}
  .field .body{grid-column:1/7;padding-top:0;padding-bottom:30px}
  .field .proof{grid-column:1/7;padding-top:0}
  .latest{grid-template-columns:repeat(6,minmax(0,1fr))}
  .latest .label,.latest .title,.latest .copy{grid-column:1/7}
  .latest .title{max-width:none}
  .latest .copy{margin-top:22px}
  .notes-head,.note,.about{grid-template-columns:repeat(6,minmax(0,1fr))}
  .notes-heading{grid-column:1/6}
  .notes-all{grid-column:6/7;align-self:end;text-align:right;white-space:nowrap}
  .note .date{grid-column:1/2}.note .title{grid-column:2/7}.note .tag{grid-column:2/6}.note .go{grid-column:6/7}
  .about h2,.about .portrait,.about .copy,.about .links{grid-column:1/7}
  .about .portrait{max-width:230px;margin:4px 0 12px}
  .about .links{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
  .article-hero,.legal-hero,.archive-hero,.article-body,.legal-body,.archive-body{grid-template-columns:repeat(6,minmax(0,1fr))}
  .article-meta,.legal-label,.archive-label,.article-hero h1,.legal-hero h1,.archive-hero h1,.article-body .prose,.legal-body .prose,.article-aside,.legal-aside,.archive-body .archive-list{grid-column:1/7}
  .article-hero h1,.legal-hero h1,.archive-hero h1{margin-top:18px}
  .article-aside,.legal-aside{margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}
}
@media (max-width:430px){
  .headline{font-size:clamp(52px,15.7vw,68px)}
  .headline .form{margin-left:.88em}
  .headline .effect{margin-left:1.22em}
  .notes-head{display:block}
  .notes-all{display:inline-block;margin-top:18px}
}


@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}