:root { --ink:#11110f; --paper:#e9e6df; --line:rgba(17,17,15,.24); --muted:#77736b; --font-sans:Arial,Helvetica,sans-serif; --font-mono:"Courier New",monospace; --font-serif:Georgia,"Times New Roman",serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans),sans-serif; }
a { color:inherit; }
.link-arrow { position:relative; flex:0 0 1rem; width:1rem; height:1rem; display:block; }
.link-arrow::before { content:""; position:absolute; left:.12rem; bottom:.15rem; width:.82rem; height:1px; background:currentColor; transform:rotate(-45deg); transform-origin:left center; }
.link-arrow::after { content:""; position:absolute; top:.08rem; right:.04rem; width:.52rem; height:.52rem; border-top:1px solid currentColor; border-right:1px solid currentColor; }
.section-pad { padding:7rem max(2rem,5vw); }
.section-index,.eyebrow { margin:0; font-family:var(--font-mono),monospace; font-size:.69rem; letter-spacing:.16em; text-transform:uppercase; }
.section-index { color:var(--muted); }

.hero { min-height:100svh; padding:2rem max(2rem,5vw) 3.5rem; display:flex; flex-direction:column; justify-content:space-between; background:#0d0d0c; color:var(--paper); }
.hero__meta { display:flex; justify-content:space-between; font-family:var(--font-mono); font-size:.66rem; letter-spacing:.13em; text-transform:uppercase; }
.hero__title-wrap { align-self:center; width:100%; }
.hero h1 { margin:.4rem 0 0; display:flex; flex-direction:column; align-items:center; gap:clamp(.25rem,1vw,1rem); max-width:100%; font-family:var(--font-serif),serif; font-size:min(17vw,17rem); font-weight:400; line-height:.84; letter-spacing:-.075em; text-align:center; }
.hero h1 span { display:block; max-width:100%; white-space:nowrap; }
.hero .eyebrow { margin:0 0 2.5rem 12%; color:#89867f; }
.hero__arrow { align-self:flex-end; width:3.25rem; height:3.25rem; display:grid; place-items:center; border:1px solid #56544f; border-radius:50%; text-decoration:none; transition:.25s ease; }
.hero__arrow:hover { background:var(--paper); color:var(--ink); }
.hero__actions { width:100%; display:grid; grid-template-columns:minmax(0,25rem) auto minmax(0,25rem); align-items:end; gap:2rem; }
.hero__external { width:100%; padding:1rem 0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.5rem; border-top:1px solid #56544f; border-bottom:1px solid #56544f; text-decoration:none; font-family:var(--font-mono),monospace; }
.hero__external span { color:#89867f; font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; }
.hero__external strong { font-size:1rem; font-weight:400; letter-spacing:.04em; }
.hero__external .link-arrow { transition:transform .2s; }
.hero__external:hover .link-arrow { transform:translate(.2rem,-.2rem); }
.hero__representation { text-align:right; }

.manifesto { display:grid; grid-template-columns:1fr 3fr; gap:4rem; border-bottom:1px solid var(--line); }
.manifesto blockquote { grid-column:2; margin:0; font-family:var(--font-serif),serif; font-size:clamp(3.2rem,7vw,7.2rem); font-weight:400; line-height:.88; letter-spacing:-.045em; }
.manifesto__copy { grid-column:2; margin-top:3rem; display:grid; grid-template-columns:1fr 1fr; gap:3rem; max-width:68rem; }
.manifesto__copy p { margin:0; font-size:.98rem; line-height:1.75; }

.collection { background:#0d0d0c; color:var(--paper); }
.collection .section-index { color:#77746e; }
.collection__header { display:grid; grid-template-columns:1fr 2fr 1fr; gap:3rem; align-items:end; margin-bottom:6rem; }
.collection h2,.principles h2,.timeline h2,.inquiry h2 { margin:.6rem 0 0; font-family:var(--font-serif),serif; font-size:clamp(3.7rem,7vw,7rem); font-weight:400; line-height:.82; letter-spacing:-.045em; }
.collection h2 em { font-weight:400; color:#817e78; }
.collection__note { margin:0; font-size:.82rem; line-height:1.65; color:#aaa69e; max-width:18rem; }
.gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; gap:clamp(.75rem,1.5vw,1.5rem); }
.gallery__item { margin:0; padding:0; background:#151513; }
.gallery__item img { display:block; width:100%; height:auto; max-width:100%; filter:grayscale(1); }

.principles { border-bottom:1px solid var(--line); }
.principles > h2 { margin:4rem 0 6rem 25%; }
.principles__grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.principles article { padding:2rem 2rem 1rem 0; border-right:1px solid var(--line); }
.principles article + article { padding-left:2rem; }
.principles article:last-child { border:0; }
.principles article > span { font-family:var(--font-mono); font-size:.65rem; color:var(--muted); }
.principles h3 { margin:4rem 0 1rem; font-family:var(--font-serif); font-size:2rem; font-weight:500; }
.principles article p { max-width:21rem; font-size:.84rem; line-height:1.7; }

.timeline { display:grid; grid-template-columns:1fr 1.35fr; gap:8vw; background:#d9d5cd; }
.timeline__intro { position:sticky; top:3rem; align-self:start; }
.timeline__intro h2 { margin:4rem 0 2rem; }
.timeline__intro > p:last-child { max-width:18rem; line-height:1.65; color:var(--muted); }
.timeline ol { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.timeline li { display:grid; grid-template-columns:8rem 1fr; gap:.5rem 2rem; padding:2.2rem 0; border-bottom:1px solid var(--line); }
.timeline time { grid-row:1/3; font-family:var(--font-mono); font-size:.65rem; color:var(--muted); }
.timeline h3 { margin:0; font-family:var(--font-serif); font-size:2rem; font-weight:500; }
.timeline li p { margin:.5rem 0 0; max-width:30rem; font-size:.82rem; line-height:1.65; }

.representation { display:grid; grid-template-columns:1fr 3fr; gap:4rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.representation__body { display:grid; grid-template-columns:1.35fr 1fr; gap:clamp(3rem,7vw,8rem); align-items:end; }
.representation > *,.representation__body > * { min-width:0; }
.representation h2 { margin:.75rem 0 0; max-width:100%; font-family:var(--font-serif),serif; font-size:clamp(3.7rem,7vw,7rem); font-weight:400; line-height:.84; letter-spacing:-.045em; }
.representation__copy p { margin:0; max-width:31rem; font-size:.92rem; line-height:1.75; }
.representation__link { margin-top:3rem; padding:1.1rem 0; min-width:0; display:flex; justify-content:space-between; gap:2rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-decoration:none; font-size:1rem; }
.representation__link .link-arrow { transition:transform .2s; }
.representation__link:hover .link-arrow { transform:translate(.2rem,-.2rem); }

.inquiry { display:grid; grid-template-columns:1fr 3fr; gap:4rem; background:#0d0d0c; color:var(--paper); }
.inquiry .section-index { color:#77746e; }
.inquiry > div { max-width:70rem; }
.inquiry h2 { margin:3rem 0; font-size:clamp(4.8rem,10vw,10rem); }
.inquiry > div > p:not(.eyebrow) { max-width:34rem; color:#aaa69e; line-height:1.7; }
.inquiry__link { margin-top:4rem; padding:1.3rem 0; display:flex; justify-content:space-between; border-top:1px solid #514f4a; border-bottom:1px solid #514f4a; text-decoration:none; font-size:clamp(1.1rem,2vw,1.7rem); }
.inquiry__link:hover .link-arrow { transform:translate(.25rem,-.25rem); }
.inquiry__link .link-arrow { transition:transform .2s; }
footer { padding:1.5rem max(2rem,5vw); display:flex; justify-content:space-between; gap:2rem; background:#0d0d0c; color:#85827c; border-top:1px solid #292825; font-family:var(--font-mono); font-size:.63rem; text-transform:uppercase; letter-spacing:.08em; }

@media (max-width:800px) {
  .section-pad { padding:5rem 1.2rem; }
  .hero { padding:1.3rem 1.2rem 2rem; }
  .hero__meta span:nth-child(2) { display:none; }
  .hero .eyebrow { margin-left:0; }
  .hero h1 { gap:.35rem; font-size:min(23vw,8rem); line-height:.86; }
  .hero__actions { grid-template-columns:1fr auto; align-items:center; gap:.65rem 1rem; }
  .hero__external { min-width:0; gap:.75rem; }
  .hero__external span { display:none; }
  .hero__instagram { grid-column:1; grid-row:1; }
  .hero__representation { grid-column:1; grid-row:2; text-align:left; }
  .hero__arrow { grid-column:2; grid-row:1 / span 2; }
  .manifesto,.inquiry { grid-template-columns:1fr; gap:3rem; }
  .manifesto blockquote,.manifesto__copy { grid-column:1; }
  .manifesto blockquote { font-size:3.2rem; }
  .manifesto__copy { grid-template-columns:1fr; gap:1.5rem; }
  .collection__header { grid-template-columns:1fr; gap:2rem; margin-bottom:3.5rem; }
  .collection h2 { font-size:3.7rem; }
  .gallery { grid-template-columns:1fr; }
  .principles > h2 { margin:3rem 0 4rem; }
  .principles__grid { grid-template-columns:1fr; }
  .principles article,.principles article + article { padding:2rem 0; border-right:0; border-bottom:1px solid var(--line); }
  .principles h3 { margin:2.5rem 0 1rem; }
  .timeline { grid-template-columns:1fr; gap:4rem; }
  .timeline__intro { position:static; }
  .timeline li { grid-template-columns:1fr; }
  .timeline time { grid-row:auto; }
  .representation { grid-template-columns:1fr; gap:3rem; }
  .representation__body { grid-template-columns:1fr; gap:2.5rem; }
  .representation h2 { font-size:min(14vw,3.7rem); line-height:.9; }
  .representation__link { gap:1rem; font-size:.9rem; overflow-wrap:anywhere; }
  .representation__link .link-arrow { flex:0 0 1rem; }
  .inquiry h2 { font-size:4.5rem; }
  footer { flex-direction:column; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }