:root{--ink:#0a0a0a;--paper:#d8d7d2;--soft:#a6a5a0;--accent:#c95c35;--line:rgba(255,255,255,.18);--serif:"Italiana",serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f1f0eb;font-family:var(--sans);font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:88px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line)}.monogram{font-size:24px;font-weight:600;letter-spacing:-2px}.monogram span{color:var(--accent)}nav{display:flex;gap:38px}nav a,.socials a{font-size:11px;text-transform:uppercase;letter-spacing:.18em;position:relative}nav a:after,.socials a:after{content:"";position:absolute;height:1px;bottom:-6px;left:0;width:0;background:var(--accent);transition:.3s}nav a:hover:after,.socials a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:0;color:white}
.hero{min-height:100vh;display:grid;grid-template-columns:52% 48%;position:relative;padding-top:88px}.hero-copy{padding:9vh 5vw 6vh 7vw;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:500}.eyebrow span{display:inline-block;width:32px;height:1px;vertical-align:middle;background:var(--accent);margin:0 12px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(74px,10vw,166px);line-height:.77;letter-spacing:-.055em;margin:8vh 0 10vh}.hero h1 em,.about h2 em,.journal h2 em,.contact h2 em{font-weight:400;color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:560px}.hero-bottom>p{color:var(--soft);font-size:13px;line-height:1.7}.circle-link{width:92px;height:92px;border:1px solid #555;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;transition:.4s}.circle-link:hover{background:var(--accent);border-color:var(--accent);transform:rotate(-8deg)}.circle-link b{font-size:16px}.hero-image{height:calc(100vh - 88px);min-height:640px;position:relative;overflow:hidden}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.3),transparent 35%)}.image-index{position:absolute;bottom:26px;right:30px;z-index:2;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.vertical-note{position:absolute;right:20px;top:50%;z-index:3;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.25em;font-size:8px}
.hero-image img{object-position:center top}
.marquee{overflow:hidden;background:var(--accent);color:#0a0a0a;padding:22px 0;transform:rotate(-1.2deg);width:102%;margin-left:-1%;position:relative;z-index:3}.marquee div{display:flex;white-space:nowrap;width:max-content;animation:move 20s linear infinite;align-items:center}.marquee span{font-family:var(--serif);font-size:28px;margin:0 28px}.marquee i{font-style:normal;font-size:13px}@keyframes move{to{transform:translateX(-50%)}}
.about{min-height:105vh;padding:18vh 7vw;display:grid;grid-template-columns:15% 43% 42%;align-items:center;gap:0}.section-number{font-size:9px;text-transform:uppercase;letter-spacing:.26em;color:#777;align-self:start}.about-copy{padding:0 6vw 0 1vw}.about h2,.journal h2{font-family:var(--serif);font-size:clamp(45px,5vw,78px);font-weight:400;line-height:1.02;margin:28px 0 50px}.intro{font-family:var(--serif);font-size:21px;line-height:1.55}.muted,.journal-copy>p{font-size:13px;color:#888;line-height:1.8;max-width:440px}.about-image{height:70vh;max-height:750px;margin:0;position:relative}.about-image img{filter:saturate(.65)}.about-image figcaption{position:absolute;left:-80px;bottom:20px;background:var(--paper);color:#222;padding:22px 30px;font-family:var(--serif);font-size:14px;line-height:1.4}
.journal{background:var(--paper);color:#111;min-height:100vh;display:grid;grid-template-columns:52% 48%;align-items:stretch}.journal-image{height:100vh;overflow:hidden}.journal-image img{transition:transform 1.2s ease}.journal-image:hover img{transform:scale(1.025)}.journal-copy{padding:13vh 8vw;display:flex;flex-direction:column;justify-content:center}.journal .section-number{margin-bottom:auto}.journal .eyebrow{margin-top:auto}.journal h2{margin:20px 0 40px}.journal-copy>p{color:#555}.status{margin-top:45px;padding-top:22px;border-top:1px solid #aaa;text-transform:uppercase;font-size:9px;letter-spacing:.2em}.status span{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:12px;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(201,92,53,.15)}}
.contact{min-height:85vh;padding:15vh 7vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(52px,8.5vw,136px);line-height:.88;letter-spacing:-.04em;margin:38px 0 60px}.contact-link{font-family:var(--serif);font-size:clamp(17px,2vw,28px);border-bottom:1px solid #555;padding-bottom:10px}.contact-link span{color:var(--accent);margin-left:16px}.contact-note{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#777;margin-top:20px}footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}footer p{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#777}.socials{display:flex;gap:28px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:72px;padding:0 22px}.menu-toggle{display:flex;width:32px;height:26px;flex-direction:column;justify-content:center;gap:6px;z-index:12}.menu-toggle span:not(.sr-only){display:block;width:24px;height:1px;background:white;transition:.3s}nav{position:fixed;inset:0;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:.35s}nav.open{opacity:1;visibility:visible}nav a{font-family:var(--serif);font-size:42px;text-transform:none;letter-spacing:0}.hero{grid-template-columns:1fr;min-height:100svh;padding-top:72px}.hero-image{grid-row:1;height:55svh;min-height:380px}.hero-copy{grid-row:2;padding:8vh 24px}.hero h1{font-size:20vw;margin:42px 0 50px}.vertical-note{display:none}.hero-bottom{gap:20px}.circle-link{width:80px;height:80px;flex:none}.marquee span{font-size:20px}.about{padding:14vh 24px;display:block}.section-number{margin-bottom:50px}.about-copy{padding:0}.about h2,.journal h2{font-size:13vw}.about-image{height:65vh;margin-top:70px}.about-image figcaption{left:12px;bottom:-35px}.journal{grid-template-columns:1fr}.journal-image{height:70vh}.journal-copy{padding:12vh 24px}.journal .section-number{margin-bottom:80px}.contact{padding:13vh 20px}.contact h2{font-size:14vw}footer{height:auto;padding:40px 24px;flex-wrap:wrap;gap:30px}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div,.status span{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Responsive layout refinements */
@media (max-width:1100px) and (min-width:801px){
  .hero{grid-template-columns:48% 52%}
  .hero-copy{padding-left:5vw;padding-right:3vw}
  .hero h1{font-size:9.5vw}
  .about{grid-template-columns:10% 48% 42%;padding-left:4vw;padding-right:4vw}
  .about-copy{padding-right:4vw}
  .journal-copy{padding-left:6vw;padding-right:6vw}
}

@media (max-width:800px){
  body{width:100%;overflow-x:hidden}
  .site-header{position:absolute;top:0;left:0;width:100%;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
  .hero{display:flex;flex-direction:column;padding-top:72px;min-height:0}
  .hero-image{order:1;width:100%;height:min(68vh,620px);min-height:430px}
  .hero-image img{object-position:center top}
  .hero-copy{order:2;width:100%;min-height:auto;padding:64px 24px 72px}
  .hero h1{font-size:clamp(68px,20vw,126px);line-height:.82;margin:38px 0 48px}
  .hero-bottom{width:100%;max-width:none}
  .marquee{width:106%;margin-left:-3%;padding:17px 0}
  .about{min-height:0;padding:110px 24px 120px}
  .about h2{font-size:clamp(48px,13vw,76px)}
  .about-image{width:calc(100% + 48px);margin-left:-24px;height:72vh;max-height:720px}
  .about-image figcaption{left:24px}
  .journal{min-height:0;display:flex;flex-direction:column}
  .journal-image{width:100%;height:72vh;max-height:720px}
  .journal-copy{padding:100px 24px 110px}
  .journal h2{font-size:clamp(48px,13vw,76px)}
  .contact{min-height:75vh;padding:100px 20px}
  .contact h2{font-size:clamp(48px,14vw,90px);overflow-wrap:anywhere}
  .contact-link{max-width:100%;overflow-wrap:anywhere}
}

@media (max-width:480px){
  .hero-image{height:58vh;min-height:360px}
  .hero-copy{padding:52px 20px 64px}
  .hero h1{font-size:20vw;margin:34px 0 42px}
  .hero-bottom>p{font-size:12px}
  .circle-link{width:72px;height:72px}
  .about{padding-left:20px;padding-right:20px}
  .about-image{width:calc(100% + 40px);margin-left:-20px;height:62vh}
  .about-image figcaption{left:20px;max-width:calc(100% - 40px)}
  .journal-image{height:62vh}
  .socials{width:100%;justify-content:flex-start}
}
