:root {
  --paper:#f8f7f2;
  --paper-deep:#efeee7;
  --white:#fffefa;
  --ink:#25332c;
  --muted:#6f7771;
  --line:#ddded6;
  --accent:#e17d57;
  --accent-dark:#bc593c;
  --sage:#d8e2d0;
  --display:Georgia,'Times New Roman',serif;
  --sans:Inter,'Helvetica Neue',Arial,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
img { max-width:100%; display:block; }
::selection { background:#d7e3cb; color:var(--ink); }
.container { width:min(1180px,calc(100% - 88px)); margin-inline:auto; }
.accent { color:var(--accent); }
.skip-link { position:absolute; left:12px; top:-60px; padding:12px 16px; background:white; z-index:30; }
.skip-link:focus { top:12px; }

.site-header { position:relative; z-index:2; border-bottom:1px solid rgba(37,51,44,.11); }
.header-inner { min-height:96px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:13px; flex-shrink:0; }
.brand-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; background:var(--ink); color:var(--white); font-size:16px; font-weight:780; border-radius:11px; letter-spacing:-.9px; }
.brand-dot { color:var(--accent); }
.brand-name { font-size:17px; letter-spacing:-.45px; font-weight:750; }
.main-nav { display:flex; align-items:center; gap:36px; margin-left:auto; margin-right:38px; }
.main-nav a { font-size:13px; font-weight:650; color:#56635b; transition:color .15s; padding:8px 0; }
.main-nav a:hover,.main-nav a.active { color:var(--ink); }
.main-nav a.active { box-shadow:0 2px var(--accent); }
.header-action { border:1px solid #b7bcb4; border-radius:100px; padding:13px 19px; font-size:12px; font-weight:740; transition:background .2s,border .2s; white-space:nowrap; }
.header-action:hover { background:#e7ebe2; border-color:#849486; }
.header-action span { margin-left:9px; font-size:16px; }

.hero { min-height:706px; padding-top:99px; padding-bottom:108px; display:grid; grid-template-columns:1.15fr .85fr; gap:75px; align-items:center; }
.eyebrow,.section-kicker,.mini-caption,.aside-label { font-size:10px; letter-spacing:2px; font-weight:850; }
.eyebrow { display:flex; align-items:center; gap:11px; margin-bottom:28px; }
.eyebrow-line { width:25px; height:2px; background:var(--accent); }
.hero h1 { margin:0; font-family:var(--display); font-size:clamp(57px,5.55vw,82px); letter-spacing:-4.5px; line-height:1.055; font-weight:400; max-width:720px; }
.hero h1 em, .section-heading h2 em, .teaser-inner h2 em { font-weight:400; color:#869484; }
.hero h1 em { color:#7e927f; }
.hero-intro { font-size:17px; max-width:555px; line-height:1.85; color:#626d66; margin:28px 0 31px; }
.hero-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.button { display:inline-flex; gap:20px; align-items:center; justify-content:center; border-radius:100px; font-size:13px; font-weight:740; white-space:nowrap; transition:transform .15s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { padding:17px 22px; background:var(--ink); color:white; }
.button-primary:hover { background:#364b3e; }
.button-text { padding:14px 4px; }
.button-text span { color:var(--accent-dark); }
.button-light { background:#f5f5ee; color:var(--ink); padding:16px 22px; }
.button-outline { border:1px solid #aeb8ae; padding:16px 22px; }
.hero-meta { display:flex; align-items:center; gap:11px; margin-top:66px; font-size:9px; font-weight:750; letter-spacing:1.35px; color:#868d85; }
.hero-meta-mark { font-size:22px; color:var(--accent); line-height:1; }

.hero-visual { height:493px; position:relative; background:#dbe4d4; border-radius:7px 88px 7px 7px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:29px 27px 25px; isolation:isolate; }
.hero-visual:before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(48,67,54,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(48,67,54,.065) 1px,transparent 1px); background-size:32px 32px; opacity:.6; }
.visual-top,.visual-bottom { position:relative; z-index:1; display:flex; justify-content:space-between; gap:15px; font-size:9px; letter-spacing:1.4px; font-weight:830; color:#566b58; }
.visual-bottom { align-items:flex-end; }
.mini-arrow { font-size:22px; }
.visual-orbit { position:absolute; inset:0; display:grid; place-items:center; }
.visual-circle { position:absolute; border:1px solid #89a08b; border-radius:50%; }
.visual-circle.circle-1 { width:380px; aspect-ratio:1; }
.visual-circle.circle-2 { width:270px; aspect-ratio:1; }
.visual-circle.circle-3 { width:157px; aspect-ratio:1; background:#26382e; box-shadow:0 0 0 13px rgba(255,255,255,.12); }
.visual-core { position:relative; font-family:var(--display); color:#fff; font-size:68px; letter-spacing:-7px; transform:translateX(-5px); }
.visual-core span { color:var(--accent); }
.visual-spark { position:absolute; font-size:35px; color:#dd7955; }
.spark-1 { top:22%; left:16%; }
.spark-2 { right:14%; bottom:18%; font-size:20px; }

.work-section { background:var(--paper-deep); padding:110px 0 106px; }
.section-heading { display:flex; justify-content:space-between; gap:35px; align-items:end; margin-bottom:42px; }
.section-kicker { color:#7e8a80; display:block; }
.section-heading h2 { font-family:var(--display); font-weight:400; letter-spacing:-2.3px; font-size:clamp(40px,4.25vw,58px); line-height:1.15; margin:16px 0 0; }
.section-heading p { color:#6a756c; max-width:310px; font-size:14px; line-height:1.85; margin:0 0 5px; }
.projects-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.project-card { background:#fffcf5; overflow:hidden; border-radius:8px; border:1px solid rgba(39,54,45,.09); box-shadow:0 5px 16px rgba(27,44,29,.018); }
.project-card:hover { box-shadow:0 13px 38px rgba(27,44,29,.085); }
.project-card-link { display:block; height:100%; }
.project-card-large { grid-column:1/-1; }
.project-card-large .project-card-link { display:grid; grid-template-columns:1.07fr .93fr; }
.project-card-large .project-card-content { display:flex; flex-direction:column; justify-content:center; padding:43px 49px; }
.project-card-content { padding:28px 32px 32px; }
.project-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:9px; font-weight:830; letter-spacing:1.1px; color:#7b867b; text-transform:uppercase; }
.status-dot { display:flex; align-items:center; gap:7px; letter-spacing:.2px; font-weight:750; text-transform:none; white-space:nowrap; }
.status-dot:before { content:''; background:#93aa82; width:7px; height:7px; border-radius:50%; }
.project-title-row { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:22px; }
.project-title-row h3 { margin:0; font-family:var(--display); font-size:39px; font-weight:400; letter-spacing:-1.4px; }
.project-card-large .project-title-row h3 { font-size:52px; }
.project-arrow { border:1px solid #d5d9cf; border-radius:50%; width:36px; height:36px; display:grid; place-items:center; font-size:21px; flex-shrink:0; transition:transform .2s; }
.project-card-link:hover .project-arrow { transform:translate(3px,-3px); background:#e9eee4; }
.project-card-content p { font-size:14px; color:#68736b; line-height:1.8; margin:12px 0 26px; max-width:400px; }
.tag-row,.detail-tags { display:flex; gap:7px; flex-wrap:wrap; }
.tag { display:inline-block; font-size:10px; font-weight:700; color:#5f6b62; border:1px solid #dedfd7; border-radius:25px; padding:8px 12px; background:#f9faf6; }
.section-foot { display:flex; justify-content:space-between; align-items:center; margin-top:35px; }
.section-foot > span { font-size:9px; color:#909a8d; letter-spacing:1.15px; font-weight:800; }
.text-link { display:inline-block; font-size:13px; font-weight:780; padding-bottom:6px; border-bottom:1px solid var(--ink); }
.text-link span { padding-left:12px; font-size:16px; }

.project-art { height:296px; position:relative; overflow:hidden; }
.project-card-large .project-art { height:418px; }
.art-bubbles { background:#c8d7c5; padding:48px 20px 0 36px; }
.bubbles-window { background:#fbfaf4; border-radius:13px 13px 0 0; min-width:390px; max-width:600px; margin:0 auto; height:360px; box-shadow:0 20px 60px #41574839; transform:rotate(-3.2deg) translate(10px,11px); overflow:hidden; }
.window-top { height:43px; border-bottom:1px solid #e4e7df; display:flex; align-items:center; justify-content:space-between; padding:0 19px; font-size:9px; font-weight:730; color:#8f988d; }
.window-dots { display:flex; gap:4px; }
.window-dots i { display:block; width:7px; height:7px; border-radius:50%; background:#cbd6c8; }
.window-dots i:first-child { background:#eaa78c; }
.window-tiny { letter-spacing:2px; }
.bubbles-body { display:grid; grid-template-columns:1.15fr .85fr; padding:35px 28px; gap:15px; }
.mini-caption { color:#a3ada0; font-size:8px; }
.bubbles-heading { font-family:var(--display); font-size:26px; line-height:1.2; letter-spacing:-.7px; margin:11px 0 25px; }
.bubbles-heading span { color:var(--accent); }
.task-line { display:flex; align-items:center; gap:9px; border-top:1px solid #eaeee6; padding:10px 0; font-size:9px; color:#657367; white-space:nowrap; }
.task-check { display:grid; place-items:center; flex-shrink:0; width:15px; height:15px; border:1px solid #cdd6ca; border-radius:50%; font-size:10px; }
.task-check.checked { background:#728e70; color:white; border-color:#728e70; }
.bubbles-orbit { position:relative; display:grid; place-items:center; }
.orbit-outer { width:170px; height:170px; border:1px solid #b5c6b0; border-radius:50%; display:grid; place-items:center; }
.orbit-inner { width:116px; height:116px; background:#deeadb; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#35513d; }
.orbit-inner span { font-family:var(--display); font-size:46px; }
.orbit-inner small { font-size:8px; font-weight:850; letter-spacing:1.5px; }
.orbit-dot { width:13px; height:13px; border-radius:50%; position:absolute; background:#db8a69; }
.orbit-dot.one { top:7px; right:31px; }.orbit-dot.two { bottom:15px; left:25px; background:#709779; }.orbit-dot.three { bottom:50px; right:-5px; width:9px; height:9px; }

.art-offlimits { background:#f1b29b; }
.offlimits-stage { width:100%; height:100%; position:relative; display:grid; place-items:center; }
.offlimits-ring { position:absolute; border:1px solid rgba(150,64,45,.24); border-radius:50%; width:320px; height:320px; }
.offlimits-ring.ring-two { width:480px; height:480px; }
.phone-frame { position:relative; z-index:1; width:145px; height:248px; background:#31362e; border-radius:26px; padding:7px; transform:rotate(-10deg) translate(5px,22px); box-shadow:18px 19px 25px rgba(91,40,30,.2); }
.phone-notch { position:absolute; width:47px; height:10px; border-radius:0 0 10px 10px; background:#31362e; top:6px; left:50%; transform:translateX(-50%); z-index:2; }
.phone-content { background:#fff6e9; border-radius:20px; height:100%; display:flex; flex-direction:column; padding:23px 17px 12px; }
.phone-kicker { font-size:8px; font-weight:900; letter-spacing:1px; }
.phone-symbol { font-size:49px; color:#e58b69; margin-top:19px; line-height:1; }
.phone-title { font-family:var(--display); font-size:22px; line-height:1.08; margin-top:4px; letter-spacing:-.7px; }
.phone-rule { border-bottom:1px solid #decbb9; margin-top:auto; }
.phone-small { font-size:7px; color:#898475; padding-top:10px; }
.stage-note { position:absolute; bottom:22px; left:26px; color:#7a493a; font-size:8px; font-weight:820; letter-spacing:1px; }

.art-deal { background:#c2cdd4; }
.deal-stage { position:relative; height:100%; padding:25px 28px; }
.deal-heading { display:flex; justify-content:space-between; font-size:9px; font-weight:850; letter-spacing:1px; color:#4b626e; }
.deal-heading b { font-size:13px; }
.deal-cards { position:absolute; width:100%; height:100%; inset:0; display:grid; place-items:center; }
.deal-card { width:224px; height:213px; border-radius:9px; padding:20px; position:absolute; box-shadow:3px 12px 23px #51687429; }
.deal-card-back { transform:rotate(11deg) translate(43px,8px); background:#e1e9eb; }
.deal-card-front { transform:rotate(-8deg) translate(-17px,14px); background:#fffdf5; }
.deal-card small { display:flex; justify-content:space-between; color:#85948e; font-size:8px; font-weight:800; letter-spacing:1px; }
.deal-card strong { font-family:var(--display); font-size:27px; line-height:1.1; font-weight:400; display:block; margin:18px 0 15px; }
.deal-bar { height:7px; width:85%; background:#dfe5df; border-radius:10px; margin-top:8px; }
.deal-bar.short { width:40%; }.deal-bar.medium { width:55%; }
.deal-circle { background:#afc4c7; border-radius:50%; width:67px; height:67px; margin:32px auto; }
.deal-score { font-size:8px; color:#3f7758; font-weight:760; margin-top:17px; }
.deal-score span { padding-left:6px; }
.deal-bottom { position:absolute; bottom:23px; right:27px; font-size:8px; letter-spacing:1.2px; font-weight:820; color:#486271; }

.about-teaser { background:var(--ink); color:#fff; padding:90px 0 95px; }
.teaser-inner { display:grid; grid-template-columns:1.2fr .8fr; gap:110px; align-items:center; }
.teaser-kicker { color:#b8c7b8; }
.teaser-inner h2 { font-family:var(--display); font-weight:400; font-size:clamp(40px,4.15vw,58px); line-height:1.2; letter-spacing:-1.9px; margin:21px 0 0; }
.teaser-inner h2 em { color:#abc4a7; }
.teaser-right p { font-size:16px; line-height:1.85; color:#c7d0c8; margin:0 0 23px; }
.writing-preview { padding:95px 0; }
.post-list { border-top:1px solid var(--line); }
.post-row { padding:23px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:140px 1fr 30px; align-items:center; gap:15px; }
.post-row span:first-child { font-size:12px; color:var(--muted); }.post-row strong { font-size:19px; }.post-row span:last-child { text-align:right; }
.site-footer { background:#f4f3ed; border-top:1px solid var(--line); padding:51px 0 49px; }
.footer-inner { display:flex; justify-content:space-between; align-items:start; gap:30px; }
.footer-name { font-size:22px; font-weight:800; letter-spacing:-.75px; }.footer-inner p { color:#8b9488; margin:10px 0 0; font-size:12px; }
.footer-right { display:flex; flex-direction:column; align-items:flex-end; gap:23px; }
.footer-links { display:flex; gap:22px; flex-wrap:wrap; }
.footer-links a { font-size:12px; font-weight:680; }.footer-links a:hover { color:var(--accent-dark); }
.copyright { font-size:11px; color:#9ca49b; }

/* Inside pages */
.page-intro { padding:100px 0 64px; }
.page-intro h1 { font-family:var(--display); font-weight:400; letter-spacing:-4px; font-size:clamp(64px,8vw,105px); line-height:1.1; margin:14px 0 22px; }
.page-intro > p { max-width:590px; font-size:17px; color:#657067; line-height:1.85; margin:0; }
.archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; padding-bottom:115px; }
.detail-page { padding-top:59px; padding-bottom:110px; }
.back-link { display:inline-flex; font-size:12px; font-weight:800; color:#68746a; padding:10px 0; }
.back-link:hover { color:var(--ink); }
.detail-head { display:flex; justify-content:space-between; align-items:end; gap:40px; padding-top:50px; padding-bottom:41px; }
.detail-head h1 { font-family:var(--display); font-weight:400; font-size:clamp(57px,8vw,105px); letter-spacing:-4px; line-height:1.06; margin:15px 0 17px; }
.detail-head p { max-width:580px; font-size:19px; line-height:1.7; color:#667268; margin:0; }
.detail-head .detail-tags { justify-content:end; max-width:280px; margin-bottom:6px; }
.detail-page > .project-art { height:540px; border-radius:9px; }
.detail-page > .art-bubbles { padding:70px 30px 0; }
.detail-page > .art-bubbles .bubbles-window { height:520px; max-width:770px; }
.detail-page > .art-bubbles .bubbles-body { padding:64px 55px; }
.detail-page > .art-bubbles .bubbles-heading { font-size:40px; }
.detail-page > .art-bubbles .task-line { font-size:12px; }
.detail-page > .art-bubbles .orbit-outer { transform:scale(1.4); }
.detail-page > .art-offlimits .phone-frame { transform:rotate(-10deg) scale(1.55); }
.detail-page > .art-deal .deal-cards { transform:scale(1.4); }
.detail-grid { display:grid; grid-template-columns:220px minmax(0,700px); gap:90px; padding-top:75px; }
.detail-aside { padding-top:7px; }.aside-label { color:#849185; margin-bottom:30px; }
.detail-aside dl { margin:0 0 26px; }.detail-aside dl div { margin-bottom:22px; }.detail-aside dt { color:#929d93; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-weight:800; }.detail-aside dd { margin:7px 0 0; font-size:13px; font-weight:720; }.detail-aside .text-link { margin-bottom:15px; }
.article-prose { font-size:16px; line-height:1.95; color:#46544a; }
.article-prose h2 { font-family:var(--display); font-weight:400; font-size:37px; line-height:1.25; letter-spacing:-1px; color:var(--ink); margin:39px 0 15px; }
.article-prose h2:first-child { margin-top:0; }.article-prose h3 { color:var(--ink); font-size:20px; margin:30px 0 12px; }.article-prose p { margin:0 0 23px; }.article-prose li { margin:10px 0; }.article-prose ul { padding-left:22px; }.article-prose a { color:var(--accent-dark); text-decoration:underline; }
.detail-bottom { display:flex; justify-content:space-between; align-items:center; gap:30px; border-top:1px solid var(--line); margin-top:75px; padding-top:25px; }.detail-bottom > span { font-size:10px; letter-spacing:1.4px; font-weight:850; color:#879288; }
.about-intro { padding-bottom:77px; }.about-content { display:grid; grid-template-columns:.85fr 1.15fr; gap:108px; padding-bottom:130px; }.about-side { background:#d6e2d3; min-height:460px; border-radius:8px; position:relative; display:grid; place-items:center; overflow:hidden; }.about-side:after { content:''; position:absolute; border:1px solid rgba(41,58,41,.25); width:410px; height:410px; border-radius:50%; }.about-monogram { font-family:var(--display); font-size:clamp(96px,15vw,200px); letter-spacing:-14px; position:relative; z-index:1; }.about-monogram span { color:var(--accent); }.about-small { position:absolute; bottom:25px; left:26px; font-size:9px; font-weight:840; letter-spacing:1px; }.about-copy { padding-top:25px; }.about-copy h2 { font-family:var(--display); font-weight:400; font-size:47px; line-height:1.17; letter-spacing:-1.7px; margin:0 0 28px; }.about-copy p { color:#607066; font-size:16px; line-height:1.95; margin:0 0 22px; }.about-cta { display:flex; flex-wrap:wrap; gap:13px; margin-top:35px; }
.writing-archive { padding-bottom:135px; }.writing-item { display:flex; justify-content:space-between; align-items:center; gap:35px; border-top:1px solid var(--line); padding:33px 0; }.writing-item:last-child { border-bottom:1px solid var(--line); }.writing-date { font-size:11px; color:#8b988d; text-transform:uppercase; font-weight:700; letter-spacing:.6px; }.writing-item h2 { font-family:var(--display); font-weight:400; font-size:32px; letter-spacing:-.7px; margin:10px 0 7px; }.writing-item p { color:var(--muted); font-size:14px; line-height:1.7; margin:0; }.writing-arrow { font-size:24px; }.empty-state { padding:55px 0 80px; border-top:1px solid var(--line); }.empty-state h2 { font-family:var(--display); font-size:34px; font-weight:400; }.empty-state p { color:var(--muted); margin-bottom:28px; }
.writing-detail { padding:60px 0 110px; }.writing-heading { max-width:820px; margin:55px auto 60px; }.writing-heading h1 { font-family:var(--display); font-weight:400; font-size:clamp(54px,6vw,78px); line-height:1.13; letter-spacing:-2.4px; margin:18px 0 18px; }.writing-heading p { color:var(--muted); font-size:20px; line-height:1.7; }.writing-body { max-width:680px; margin:0 auto; }

@media (max-width:1050px) {
  .container { width:min(100% - 62px,1180px); }
  .header-action { display:none; }
  .main-nav { margin-right:0; }
  .hero { gap:40px; }
  .hero h1 { font-size:clamp(54px,6vw,72px); }
  .hero-visual { height:430px; }
  .visual-circle.circle-1 { width:300px; }.visual-circle.circle-2 { width:218px; }.visual-circle.circle-3 { width:128px; }
  .visual-core { font-size:56px; }
  .project-card-large .project-card-content { padding:28px; }
  .teaser-inner { gap:50px; }
}
@media (max-width:760px) {
  .container { width:calc(100% - 40px); }
  .header-inner { min-height:77px; }
  .brand-name { font-size:15px; }.brand-icon { width:39px; height:39px; }
  .main-nav { gap:17px; }
  .main-nav a { font-size:12px; }
  .hero { grid-template-columns:1fr; padding-top:63px; padding-bottom:76px; gap:53px; min-height:0; }
  .hero h1 { max-width:650px; font-size:clamp(52px,9vw,77px); letter-spacing:-3px; }
  .hero-intro { font-size:16px; }
  .hero-meta { margin-top:38px; }
  .hero-visual { height:360px; border-top-right-radius:65px; }
  .visual-circle.circle-1 { width:295px; }.visual-circle.circle-2 { width:215px; }
  .work-section { padding:75px 0; }
  .section-heading { align-items:start; flex-direction:column; gap:15px; margin-bottom:29px; }
  .section-heading p { max-width:520px; }
  .projects-grid { grid-template-columns:1fr; }
  .project-card-large .project-card-link { display:block; }
  .project-card-large .project-art { height:305px; }
  .project-card-large .project-card-content { padding:28px 32px 32px; }
  .project-card-large .project-title-row h3 { font-size:39px; }
  .project-art { height:305px; }
  .teaser-inner { grid-template-columns:1fr; gap:30px; }
  .about-teaser { padding:75px 0; }.teaser-inner h2 { font-size:46px; }
  .page-intro { padding:75px 0 50px; }.page-intro h1 { font-size:80px; }
  .archive-grid { grid-template-columns:1fr; padding-bottom:80px; }
  .detail-head { flex-direction:column; align-items:start; gap:23px; padding-top:32px; }.detail-head .detail-tags { justify-content:start; max-width:none; }
  .detail-page > .project-art { height:365px; }
  .detail-grid { grid-template-columns:1fr; gap:30px; padding-top:45px; }
  .detail-aside dl { display:flex; gap:40px; }.detail-aside .aside-label { margin-bottom:16px; }
  .detail-page > .art-bubbles .bubbles-window { height:380px; max-width:640px; }.detail-page > .art-bubbles .bubbles-body { padding:39px 35px; }.detail-page > .art-bubbles .bubbles-heading { font-size:29px; }.detail-page > .art-bubbles .orbit-outer { transform:none; }
  .detail-page > .art-offlimits .phone-frame { transform:rotate(-10deg) scale(1.12); }.detail-page > .art-deal .deal-cards { transform:scale(1.05); }
  .about-content { grid-template-columns:1fr; gap:42px; }.about-side { min-height:300px; }.about-side:after { width:290px; height:290px; }.about-monogram { font-size:140px; }
}
@media (max-width:440px) {
  .container { width:calc(100% - 30px); }
  .header-inner { gap:13px; }.brand { gap:8px; }.brand-name { font-size:14px; }
  .main-nav { gap:11px; }.main-nav a { font-size:11px; }
  .hero { padding-top:54px; }.hero h1 { font-size:51px; letter-spacing:-2.5px; }
  .hero-actions { gap:15px; }.button-primary { padding:15px 18px; }.button-text { padding:14px 0; }
  .hero-visual { height:317px; }
  .visual-circle.circle-1 { width:260px; }.visual-circle.circle-2 { width:185px; }.visual-circle.circle-3 { width:110px; }.visual-core { font-size:49px; }
  .section-heading h2 { font-size:42px; }.section-foot > span { display:none; }
  .project-card-content, .project-card-large .project-card-content { padding:24px 22px 28px; }
  .project-art,.project-card-large .project-art { height:270px; }
  .art-bubbles { padding:35px 0 0 16px; }.bubbles-window { transform:rotate(-3.2deg) translate(5px,11px) scale(.78); transform-origin:top left; }
  .project-title-row h3,.project-card-large .project-title-row h3 { font-size:35px; }
  .project-meta { font-size:8px; }
  .teaser-inner h2 { font-size:38px; }
  .footer-inner { flex-direction:column; }.footer-right { align-items:flex-start; gap:16px; }
  .footer-links { gap:17px; }
  .page-intro h1 { font-size:66px; }.detail-head h1 { font-size:65px; }.detail-head p { font-size:17px; }
  .detail-page > .project-art { height:290px; }.detail-page > .art-bubbles .bubbles-window { transform:rotate(-3.2deg) translate(5px,10px) scale(.8); transform-origin:top left; }.detail-page > .art-offlimits .phone-frame { transform:rotate(-10deg) scale(.93); }.detail-page > .art-deal .deal-cards { transform:scale(.86); }
  .about-copy h2 { font-size:40px; }
  .writing-heading h1 { font-size:48px; }
}
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto !important; transition:none !important; } }