:root{--ink:#1d1b19;--bg:#faf9f6;--surface:#f1eee8;--muted:#77736e;--line:#d8d3cb;--paper:#f3f1eb;--accent:#6d8798;--serif:'DM Serif Display',Georgia,serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1320px;margin:auto;padding:0 24px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:15px;letter-spacing:.16em;text-transform:uppercase}.navlinks{display:flex;gap:30px;color:#77736e;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.navlinks a:hover{color:var(--ink)}.lang{border:1px solid var(--line);background:none;color:var(--ink);padding:9px 12px;font-size:11px;letter-spacing:.1em}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:64px 0 78px}.eyebrow,.kicker{color:var(--accent);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero h1{font:400 clamp(56px,8vw,112px)/.88 var(--serif);margin:20px 0 28px;max-width:720px}.hero p{max-width:480px;color:var(--muted);line-height:1.7;margin:0 0 30px}.primary{background:var(--ink);color:var(--bg);border:0;padding:15px 22px;font-weight:600}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:14px 20px}.hero-image{aspect-ratio:4/5;background:url('assets/images/nomi-photolab-hero-editorial.png') center/cover;filter:saturate(.72)}.hero-meta{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.section{padding:70px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font:400 clamp(34px,5vw,58px)/1 var(--serif);margin:8px 0 0}.section-intro{max-width:300px;color:var(--muted);line-height:1.6;font-size:13px}.studios{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--surface);border:1px solid var(--line);transition:.25s transform,.25s border-color}.card:hover{transform:translateY(-5px);border-color:#8f8b85}.card-img{aspect-ratio:4/3;background-position:center;background-size:cover;filter:saturate(.76)}.card-body{padding:18px}.card-num{color:var(--muted);font-size:11px;letter-spacing:.12em}.card h3{font:400 28px var(--serif);margin:10px 0 5px}.card p{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 18px}.card-action{font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:none;border:0;color:var(--ink);padding:0}.privacy{display:flex;justify-content:space-between;gap:24px;padding:28px 0;color:var(--muted);font-size:12px;line-height:1.6}.privacy strong{color:var(--ink);font-weight:500}.drafts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.draft{min-height:150px;border:1px dashed #b8b2aa;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted)}.draft button{align-self:flex-start;background:none;border:0;color:var(--ink);padding:0;font-size:12px}.footer{padding:52px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.modal{position:fixed;inset:0;background:#1d1b1970;display:grid;place-items:center;padding:20px;z-index:5}.modal-card{background:var(--paper);color:#171717;max-width:560px;width:100%;padding:32px}.modal-card h2{font:400 42px var(--serif);margin:6px 0 12px}.modal-card p{color:#555;line-height:1.6}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .primary{background:#151516;color:white}.hidden{display:none!important}@media(max-width:760px){.shell{padding:0 18px}.navlinks{display:none}.hero{grid-template-columns:1fr;gap:34px;padding:48px 0 58px}.hero h1{font-size:64px;margin-top:16px}.hero-image{max-width:100%;aspect-ratio:1/1.08}.studios{grid-template-columns:1fr 1fr;gap:10px}.card h3{font-size:22px}.card-body{padding:13px}.drafts{grid-template-columns:1fr}.privacy{display:block}.privacy div+div{margin-top:14px}.footer{display:block}.footer span{display:block;margin-top:18px}}
:root .logo{font:400 28px/1 var(--serif);letter-spacing:-.03em;text-transform:none}
.hero-image{aspect-ratio:16/9}
@media(max-width:760px){:root .logo{font-size:24px}.hero-image{aspect-ratio:16/10}}

/* editorial hero refinement */
.hero{display:block;padding:72px 0 86px}
.hero>div:first-child{max-width:760px;margin-bottom:38px}
.hero h1{font-size:clamp(64px,9vw,128px);max-width:820px;letter-spacing:-.035em}
.hero p{max-width:510px;font-size:16px}
.hero-image{width:100%;aspect-ratio:2.25/1;max-width:none;background-position:center 48%;}
.hero-meta{margin-top:12px}
.studios{grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#f5f2ec}
.card-img{aspect-ratio:1.28/1}
.section{padding:88px 0}
@media(max-width:760px){.hero{padding:48px 0 60px}.hero>div:first-child{margin-bottom:28px}.hero h1{font-size:68px}.hero p{font-size:15px}.hero-image{aspect-ratio:1.25/1}.section{padding:64px 0}.studios{gap:10px}.card-img{aspect-ratio:1/1}}

.hero p{max-width:360px;font-size:14px}

body{background:#e8e3db}
.shell{background:#faf9f6;min-height:100vh;padding-left:42px;padding-right:42px}
.nav{border-bottom-color:#d7d0c6}
.hero-image{border:1px solid #d7d0c6}
.section{border-top-color:#d7d0c6}
.card{background:#f8f5ef;border-color:#d7d0c6}
.card-img{filter:saturate(.68) contrast(.96)}
.card-body{border-top:1px solid #e0d9cf}
.footer{border-top-color:#d7d0c6}
@media(max-width:760px){.shell{padding-left:18px;padding-right:18px}.hero-image{border:0}}
.studios{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:760px){.studios{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-img{aspect-ratio:1/1}}
.hero-meta{display:none}
#about{display:none}
#drafts{display:none}
.navlinks{display:none}
.card-num{display:none}
.nav{position:relative}
.nav{height:92px}
.logo{display:block;width:322px;height:72px;margin-left:-42px;position:static;transform:none;background:url('assets/logo.png') left center/contain no-repeat;font-size:0!important;line-height:0;color:transparent!important;letter-spacing:0;overflow:hidden}
@media(max-width:760px){.nav{height:76px}.logo{width:252px;height:60px;margin-left:-32px}}