:root{--bk:#120d09;--bk2:#17110c;--bk3:#1d1610;--or:#f08a1c;--or2:#f6a43a;--dor:#b85c00;--cr:#f6efe4;--mut:#b9ab98;--ln:#33261a}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--bk);color:var(--cr);font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.hd{position:sticky;top:0;z-index:50;background:rgba(18,13,9,.96);border-bottom:1px solid var(--ln);backdrop-filter:blur(6px)}
.hdin{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;letter-spacing:.14em;font-size:15px}.brand span{color:var(--or);font-weight:600;letter-spacing:.06em;text-transform:none;font-size:13px;margin-left:4px}
.nav{display:flex;gap:26px;align-items:center;font-size:14px}.nav a:not(.btn){color:var(--mut)}.nav a.on,.nav a:not(.btn):hover{color:var(--or2)}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}.burger i{display:block;width:24px;height:2px;background:var(--cr);margin:5px 0}
.btn{display:inline-block;background:linear-gradient(135deg,#f7ab3f,#e27a0e);color:#1a0f05;font-weight:700;padding:13px 26px;border-radius:999px;font-size:15px;border:2px solid transparent;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.sm{padding:8px 18px;font-size:13px}.btn.ghost{background:none;color:var(--cr);border-color:var(--or)}.btn.dark{background:#17110c;color:var(--cr)}
.eyebrow{color:var(--or);letter-spacing:.22em;font-size:12px;font-weight:700;margin-bottom:14px}.eyebrow.dk{color:var(--dor)}
em{font-style:normal;color:var(--or)}
.hero{padding:56px 0 64px;background:radial-gradient(ellipse at 80% 20%,#2a1a0b,var(--bk) 60%)}
.herogrid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
h1{font-size:clamp(40px,6.2vw,76px);line-height:1.02;font-weight:800;letter-spacing:.01em}
.tag{font-size:clamp(20px,2.4vw,28px);line-height:1.35;margin:26px 0 12px;font-weight:600;max-width:520px}
.sub{color:var(--mut);max-width:520px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.collage{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,minmax(0,1fr));gap:10px;aspect-ratio:1/1.05}
.collage img{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid var(--ln);background:#000}
.c0{grid-column:1/4;grid-row:1/5}.c1{grid-column:4/7;grid-row:1/3}.c2{grid-column:4/7;grid-row:3/5}.c3{grid-column:1/3;grid-row:5/7}.c4{grid-column:3/5;grid-row:5/7}.c5{grid-column:5/7;grid-row:5/7}
.strip{background:linear-gradient(135deg,#f7ab3f,#e27a0e);color:#1a0f05}.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:18px;font-size:14px}.strip b{display:block;font-size:17px}
.sec{padding:72px 0}h2{font-size:clamp(28px,3.6vw,40px);line-height:1.15;margin-bottom:28px}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cat,.card{background:#fff;color:#1a120a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.cat:hover,.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(240,138,28,.25)}
.ph{background:#000;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}
.ph.wb{background:#fff;padding:14px}.ph.wb img{object-fit:contain}.ph.noimg{background:#1d1610;color:var(--mut);font-size:13px}
.info{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.info h3{font-size:18px;line-height:1.25}.info p{font-size:14px;color:#4a3c2e}
.en{color:var(--dor);font-weight:700;font-size:14px;margin-top:auto;padding-top:6px}.en:hover{text-decoration:underline}
.info ul{list-style:none;font-size:14px;color:#3a2d20}.info li b{display:inline-block;min-width:58px;color:#7a6650;font-weight:600}
.light{background:#fff;color:#1a120a}.light.alt{background:#fbf5ec}.dk{color:#1a120a}.eyebrow.dk{color:var(--dor)}.light p{margin-bottom:16px;font-size:17px}
.who{font-size:20px}.big{font-size:clamp(20px,3vw,28px);font-weight:700;color:var(--dor)}.big:hover{text-decoration:underline}
.phead{padding:48px 0 24px;background:radial-gradient(ellipse at 80% 0,#2a1a0b,var(--bk) 65%)}.phead h1{font-size:clamp(34px,5vw,56px)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{background:none;border:1px solid var(--ln);color:var(--cr);padding:8px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:14px}.chip:hover{border-color:var(--or)}.chip.on{background:var(--or);color:#1a0f05;border-color:var(--or);font-weight:700}
.psec{padding:48px 0 24px;border-top:1px solid var(--ln)}.psec:first-child{border-top:0}
.feat{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;margin-bottom:34px}
.fimg{background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--ln)}.fimg img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ftxt p{color:var(--mut);font-size:16px}.fsm{display:flex;gap:10px;margin-top:20px}.fsm img{width:calc(33% - 7px);aspect-ratio:1;object-fit:cover;border-radius:10px;background:#000}
.grid,.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gal .ph{border-radius:14px;border:1px solid var(--ln)}
.psec[data-s=crack] .fimg,.psec[data-s=crack] .feat{grid-template-columns:1fr}.psec[data-s=crack] .fimg{display:none}
.note{margin-top:16px;color:var(--mut)}.note a{color:var(--or2)}
.ft{border-top:1px solid var(--ln);padding:44px 0;text-align:center;margin-top:60px;background:var(--bk2)}.ft p{color:var(--mut);margin-top:10px}.ft a{color:var(--or2)}.ft .sm{font-size:12px}
.hide{display:none!important}
@media(max-width:960px){.herogrid,.feat{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.grid,.gal{grid-template-columns:repeat(3,1fr)}.strip .wrap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.burger{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bk);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--ln)}.nav.open{display:flex}.nav a{padding:12px 0}.nav .btn{text-align:center;margin-top:8px}
.cats{grid-template-columns:1fr}.grid,.gal{grid-template-columns:repeat(2,1fr);gap:12px}.info{padding:12px 12px 14px}.info h3{font-size:15px}.info ul{font-size:12.5px}.info li b{min-width:48px}.sec{padding:52px 0}.hero{padding-top:36px}}
.wa{display:inline-block;margin-left:10px;vertical-align:middle;background:#25D366;color:#06260f;font-weight:700;font-size:14px;padding:7px 16px;border-radius:999px}.wa:hover{filter:brightness(1.08)}
.btn.wab{background:#25D366;color:#06260f}

/* v5 */
.nw{white-space:nowrap}.brand span{white-space:nowrap}
.psub{max-width:none;text-wrap:pretty}
.ph img{object-fit:contain}.ph.wb img{object-fit:contain}
.fimg{background:#000}.fimg img{object-fit:contain;aspect-ratio:4/3;background:#000}
.fsm img{object-fit:contain;background:#000}
.ph.noimg{background:#1d1610}
.cat .ph{background:#000}.cat .ph.wb{background:#fff}
@media(max-width:700px){h1{font-size:clamp(34px,10.5vw,52px)}}

/* v6 */
.brand i{font-style:normal;color:var(--mut);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:none;margin:0 2px}
.brand b.nh{color:var(--or);font-weight:800;letter-spacing:.14em;margin-left:2px}
.nhw{font-weight:700;letter-spacing:.06em;white-space:nowrap}
.psub{width:fit-content;max-width:100%}
@media(max-width:700px){.brand{font-size:14px;letter-spacing:.1em;white-space:nowrap}.brand b.nh{letter-spacing:.1em}}

/* v11: justify main body text only; no hyphenation, no stretched last lines */
.ftxt p,#about p,.cat .info p,.herotxt .sub{text-align:justify;text-align-last:auto;hyphens:manual;-webkit-hyphens:manual}
.tag,.psub,.note,.contact p,#contact p,.ft p,.info ul,.light p.who{text-align:left;text-align-last:auto;hyphens:manual}
.ft p{text-align:center}
