:root{
  --black:#080808;
  --white:#fff;
  --soft:#f7f7f4;
  --line:rgba(8,8,8,.16);
  --muted:rgba(8,8,8,.58);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--white);color:var(--black);font-family:Inter, Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:42px 56px;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;mix-blend-mode:multiply}
.logo{letter-spacing:-.04em;font-size:23px;text-transform:none}
.nav{display:flex;gap:52px;align-items:center}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--black);transition:width .45s var(--ease)}.nav a:hover:after{width:100%}
.hero{position:relative;min-height:100vh;overflow:hidden;background:url('assets/hero-field-desktop.jpeg') center center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 44%,rgba(0,0,0,.06) 100%);pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 24%, rgba(255,255,255,.16), transparent 30%);pointer-events:none}
.hero-inner{position:relative;z-index:2;min-height:100vh;padding:0 56px;display:flex;align-items:center}.hero-title{font-size:clamp(88px,15.8vw,250px);line-height:.82;letter-spacing:-.085em;margin:0;font-weight:1000;transform:translateY(-6vh)}
.hero-kicker{position:absolute;left:0;right:0;top:calc(50% + clamp(70px,7vw,112px));text-align:center;font-family:Georgia, 'Times New Roman', serif;font-style:italic;font-size:clamp(24px,2.2vw,36px);line-height:1;font-weight:400;letter-spacing:-.03em;color:var(--black)}.hero-meta{position:absolute;left:56px;bottom:18vh;font-size:15px;line-height:1.25;font-weight:950;text-transform:uppercase;letter-spacing:.02em;color:var(--black);max-width:300px}.hero-meta p{margin:0}
.hero-note{position:absolute;right:56px;bottom:7.5vh;max-width:none;font-size:17px;line-height:1.1;font-weight:400;text-transform:none;letter-spacing:-.01em;text-align:right;color:var(--white);text-shadow:0 1px 14px rgba(0,0,0,.28)}
.section{padding:110px 56px;border-top:1px solid var(--line);background:var(--white)}.section-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;margin-bottom:55px;color:var(--black)}
.collections-list{border-top:1px solid var(--line)}.collection-row{display:grid;grid-template-columns:90px 1fr 500px 60px;gap:50px;align-items:center;min-height:185px;border-bottom:1px solid var(--line);transition:background .45s var(--ease),padding .45s var(--ease)}.collection-row:hover{background:#f7f7f4;padding-left:20px}.collection-no{font-size:38px;font-weight:900;letter-spacing:-.05em}.collection-title{font-size:42px;line-height:1;font-weight:950;letter-spacing:-.055em;text-transform:uppercase}.collection-type{display:block;margin-top:8px;font-family:Georgia,serif;font-style:italic;font-size:18px;text-transform:none;letter-spacing:0;font-weight:400}.collection-frame{height:128px;width:100%;border:3px solid var(--black);border-radius:999px;background:var(--white);display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-img{height:100%;width:auto;max-width:68%;object-fit:contain;background:transparent;filter:saturate(.98) contrast(1.02)}.placeholder-img{background:linear-gradient(135deg,#f0f0ed,#e5e5e1)}.collection-arrow{font-size:32px;text-align:right}
.text-section{display:grid;grid-template-columns:240px 1fr;gap:70px}.statement h2{font-size:clamp(38px,4.1vw,62px);line-height:.92;letter-spacing:-.06em;margin:0;max-width:760px;text-transform:uppercase}.statement p{margin:24px 0 0;max-width:620px;font-size:20px;line-height:1.25;color:var(--muted);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding:0;border-top:1px solid var(--line)}.split-copy{padding:96px 56px}.split-copy h2{font-size:62px;line-height:.92;letter-spacing:-.06em;margin:0 0 34px;font-weight:950;text-transform:uppercase}.split-img{min-height:470px;background:#eee center/cover no-repeat}.journal-img{background-image:url('assets/grass-texture.jpeg')}.about-img{background-image:url('assets/about-sky.jpeg')}.text-link{font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;border-bottom:1px solid var(--black);padding-bottom:6px}.big-cta{display:flex;justify-content:space-between;align-items:center;font-size:clamp(66px,10vw,170px);line-height:.86;font-weight:1000;letter-spacing:-.08em;text-transform:uppercase}.big-cta span{font-size:.35em;border:1px solid var(--black);border-radius:999px;width:1.4em;height:1.4em;display:grid;place-items:center}.footer{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 56px;border-top:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.collection-page{padding-top:140px}.page-hero{padding:140px 56px 90px}.eyebrow{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.page-hero h1{font-size:clamp(76px,13vw,210px);line-height:.85;letter-spacing:-.08em;margin:30px 0 0;text-transform:uppercase}.page-hero p{font-size:28px;line-height:1.15;max-width:760px;color:var(--muted);font-weight:700}.placeholder-panel{margin:0 56px 80px;min-height:55vh;background:var(--soft);display:grid;place-items:center;border:1px solid var(--line);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--muted)}
@media(max-width:760px){.site-header{padding:26px 22px}.nav{display:none}.hero-inner{padding:0 22px;align-items:flex-start;padding-top:28vh}.hero-title{font-size:28vw}.hero-kicker{top:49vh;font-size:24px}.hero-meta{left:22px;bottom:15vh;font-size:14px}.hero-note{display:none}.section{padding:74px 22px}.collection-row{grid-template-columns:46px 1fr 130px 22px;gap:14px;min-height:135px}.collection-title{font-size:28px}.collection-type{font-size:14px}.collection-frame{height:58px;border-width:2px}.collection-img{height:100%;max-width:70%}.text-section,.split{display:block}.split-copy{padding:74px 22px}.split-copy h2{font-size:42px}.statement h2{font-size:58px}.footer{grid-template-columns:1fr;padding:28px 22px}.big-cta{font-size:58px}.page-hero{padding:120px 22px 70px}.placeholder-panel{margin:0 22px 60px}}

.menu-toggle{display:none;border:0;background:none;padding:8px 0;font:inherit;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding:0 56px 110px}.editorial-card{grid-column:span 4;border-top:1px solid var(--black);padding-top:16px}.editorial-card.wide{grid-column:span 8}.editorial-card h2{font-size:clamp(30px,3.4vw,54px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 18px}.editorial-card p{font-size:17px;line-height:1.45;color:var(--muted);max-width:580px}.editorial-image{aspect-ratio:4/3;overflow:hidden;margin-bottom:24px;background:var(--soft)}.editorial-image img{width:100%;height:100%;object-fit:cover}.editorial-portrait{aspect-ratio:16/11}.editorial-portrait img{object-position:center 30%}.service-list{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line)}.service-list li{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.service-list strong{display:block;text-transform:uppercase;letter-spacing:.08em}.service-list small{display:block;margin-top:7px;max-width:310px;color:var(--muted);font-size:12px;line-height:1.35}.service-list li>span{font-weight:800;letter-spacing:.08em}.services-link{display:inline-block;margin-top:28px}
.project-form{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 56px 110px}.field{display:flex;flex-direction:column;gap:10px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.field input,.field select,.field textarea{width:100%;min-width:0;max-width:100%;border:0;border-bottom:1px solid var(--black);background:transparent;padding:14px 0;font:inherit;font-size:18px;border-radius:0}.field textarea{min-height:130px;resize:vertical}.submit-button{justify-self:start;border:1px solid var(--black);background:var(--black);color:white;padding:17px 26px;font:inherit;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.form-note{color:var(--muted);font-size:14px;margin:0}
.case-hero{padding:160px 56px 56px}.case-hero h1{font-size:clamp(72px,14vw,220px);line-height:.78;letter-spacing:-.085em;text-transform:uppercase;margin:0}.case-meta{display:flex;justify-content:space-between;gap:24px;margin-top:44px;padding-top:18px;border-top:1px solid var(--black);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.case-feature{margin:0 56px 80px;min-height:65vh;background:center/cover no-repeat}.case-copy{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:90px 56px;border-top:1px solid var(--line)}.case-copy h2{font-size:clamp(40px,6vw,90px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;margin:0}.case-copy p{font-size:clamp(20px,2vw,29px);line-height:1.2;margin:0;max-width:780px}.case-nav{display:flex;justify-content:space-between;padding:28px 56px;border-top:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.case-page{--case-gutter:56px}.case-lead-image{margin:0 var(--case-gutter) 100px;max-height:86vh;overflow:hidden;background:var(--soft)}.case-lead-image img{width:100%;height:100%;max-height:86vh;object-fit:cover}.opal-lead img{object-position:center 42%}.alchemy-lead{background:#073d48}.alchemy-lead img{object-position:center 58%}.case-intro{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:80px;padding:105px var(--case-gutter);border-top:1px solid var(--line)}.case-kicker{margin:0;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.case-intro-copy{max-width:940px}.case-intro-copy p{margin:0 0 32px;font-size:clamp(28px,3.2vw,52px);line-height:1.04;letter-spacing:-.045em;font-weight:800}.case-intro-copy p:last-child{margin-bottom:0}.case-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding:0 var(--case-gutter) 110px}.case-tile{margin:0;overflow:hidden;background:var(--soft)}.case-tile img{width:100%;height:100%;object-fit:cover}.case-gallery--launch .case-tile--wide{grid-column:span 12;aspect-ratio:16/9}.case-gallery--launch .case-tile--portrait{grid-column:span 6;aspect-ratio:4/5}.case-gallery--opal-grid .case-tile{grid-column:span 6;aspect-ratio:4/5}.case-gallery--alchemy{background:#073d48;padding-top:110px}.case-gallery--alchemy .case-tile{grid-column:span 6;aspect-ratio:9/14}.case-gallery--feature{align-items:stretch;padding-top:110px}.case-gallery--feature .case-tile{grid-column:2/span 5;aspect-ratio:9/16}.case-results{grid-column:8/span 4;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--black);border-bottom:1px solid var(--black);padding:40px 0}.case-results ul{list-style:none;padding:0;margin:70px 0 0}.case-results li{padding:22px 0;border-top:1px solid var(--line);font-size:clamp(18px,2vw,28px);font-weight:800;letter-spacing:-.025em}.case-statement{padding:125px var(--case-gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-statement h2{max-width:1200px;margin:55px 0 40px;font-size:clamp(58px,9vw,145px);line-height:.83;letter-spacing:-.075em;text-transform:uppercase}.case-statement>p:last-child{max-width:760px;margin:0 0 0 auto;font-size:clamp(20px,2vw,30px);line-height:1.2}.opal-statement{background:#f1eadf;color:#9f111c}.opal-statement .case-kicker{color:#9f111c}.alchemy-statement{background:#073d48;color:#f2c27c}.alchemy-statement .case-kicker{color:#f2c27c}.case-closing-image{margin:0;padding:110px var(--case-gutter);background:#f1eadf}.case-closing-image img{width:100%;max-height:90vh;object-fit:cover;object-position:center 38%}
@media(max-width:760px){.site-header{align-items:flex-start}.menu-toggle{display:block}.nav{position:absolute;top:68px;left:0;width:100%;padding:24px 22px 30px;background:rgba(255,255,255,.96);flex-direction:column;align-items:flex-start;gap:20px;border-top:1px solid var(--line)}.nav.is-open{display:flex}.collection-row{grid-template-columns:36px 1fr 90px 18px;gap:10px}.collection-no{font-size:25px}.collection-title{font-size:23px}.statement h2{font-size:46px}.editorial-grid{display:block;padding:0 22px 74px}.editorial-card{margin-bottom:55px}.project-form{grid-template-columns:1fr;padding:0 22px 74px}.field.full{grid-column:auto}.case-hero{padding:130px 22px 40px}.case-meta{flex-direction:column}.case-feature{margin:0 22px 55px;min-height:52vh}.case-copy{grid-template-columns:1fr;gap:30px;padding:65px 22px}.case-nav{padding:24px 22px}}
@media(max-width:760px){.case-page{--case-gutter:22px}.case-lead-image{margin-bottom:55px;height:auto;max-height:none}.case-lead-image img{height:auto;max-height:none;object-fit:contain}.case-intro{grid-template-columns:1fr;gap:38px;padding-top:70px;padding-bottom:70px}.case-intro-copy p{font-size:30px}.case-gallery{display:block;padding-bottom:60px}.case-gallery .case-tile{margin-bottom:18px;aspect-ratio:auto}.case-gallery .case-tile img{height:auto}.case-gallery--alchemy{padding-top:60px}.case-statement{padding-top:80px;padding-bottom:80px}.case-statement h2{font-size:55px;margin-top:40px}.case-statement>p:last-child{margin-left:0}.case-gallery--feature{padding-top:60px}.case-results{margin-top:50px}.case-results ul{margin-top:40px}.case-closing-image{padding-top:60px;padding-bottom:60px}.case-closing-image img{max-height:none}}

/* Compact Alchemy campaign gallery */
.case-gallery--alchemy{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:80px;padding-bottom:80px}
.case-gallery--alchemy .case-tile{grid-column:auto;aspect-ratio:4/5;background:#062f38}
.case-gallery--alchemy .case-tile img{object-fit:contain}
.alchemy-focus{padding:110px var(--case-gutter)}
.alchemy-focus .case-results{max-width:760px;margin:0 auto}
@media(max-width:760px){.case-gallery--alchemy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:40px;padding-bottom:40px}.case-gallery--alchemy .case-tile{margin:0;aspect-ratio:4/5}.case-gallery--alchemy .case-tile img{height:100%}.alchemy-focus{padding:70px var(--case-gutter)}.alchemy-focus .case-results{margin-top:0}}

/* Preserve Opal Haus artwork at its original portrait proportions. */
.opal-case .case-lead-image.opal-lead{width:min(520px,calc(100% - 112px));height:auto;max-height:none;aspect-ratio:4/5;margin:0 auto 90px}
.opal-case .opal-lead img{height:100%;max-height:none;object-fit:cover;object-position:center}
.opal-case .case-gallery--launch{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.opal-case .case-gallery--launch .case-tile{grid-column:auto;aspect-ratio:4/5}
.opal-case .case-gallery--launch .case-tile img,.opal-case .case-gallery--opal-grid .case-tile img{object-fit:contain}
.opal-case .case-gallery--opal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:90px}
.opal-case .case-gallery--opal-grid .case-tile{grid-column:auto;aspect-ratio:4/5}
.opal-feed-redesign{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:60px;align-items:start;padding:110px var(--case-gutter) 20px}
.opal-feed-heading h2{max-width:420px;margin:26px 0 0;font-size:clamp(40px,5.4vw,82px);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}
.opal-feed-redesign figure{width:min(720px,100%);margin:0 auto}
.opal-feed-redesign img{width:100%;height:auto;display:block}
.opal-case .case-closing-image{padding:90px var(--case-gutter);text-align:center}
.opal-case .case-closing-image img{width:min(520px,100%);height:auto;max-height:none;margin:0 auto;object-fit:contain}
@media(max-width:760px){.opal-case .case-lead-image.opal-lead{width:min(78vw,440px);margin-bottom:55px}.opal-case .case-gallery--launch,.opal-case .case-gallery--opal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:40px}.opal-case .case-gallery--launch .case-tile,.opal-case .case-gallery--opal-grid .case-tile{margin:0;aspect-ratio:4/5}.opal-case .case-gallery--launch .case-tile img,.opal-case .case-gallery--opal-grid .case-tile img{height:100%}.opal-feed-redesign{grid-template-columns:1fr;gap:36px;padding:70px var(--case-gutter) 20px}.opal-feed-heading h2{font-size:48px}.opal-feed-redesign figure{width:min(88vw,560px)}.opal-case .case-closing-image{padding-top:60px;padding-bottom:60px}.opal-case .case-closing-image img{width:min(78vw,440px)}}

/* Keep the founder portrait present without overpowering the About page. */
.editorial-card.wide .editorial-portrait{width:min(480px,62%);aspect-ratio:4/5}
.editorial-card.wide .editorial-portrait img{object-position:center 28%}
@media(max-width:760px){.editorial-card.wide .editorial-portrait{width:min(78vw,400px)}}

/* Landscape Opal Social artwork replaces the former portrait opener. */
.opal-case .case-lead-image.opal-lead{width:min(1200px,calc(100% - 112px));height:auto;max-height:none;aspect-ratio:8/5;margin:0 auto 90px}
.opal-case .opal-lead img{height:100%;max-height:none;object-fit:contain;object-position:center}
@media(max-width:760px){.opal-case .case-lead-image.opal-lead{width:calc(100% - 44px);aspect-ratio:8/5;margin-bottom:55px}}