/* Page-specific designs. Each page has its own layout. */

/* ---------- HOME ---------- */
.hero{position:relative;min-height:min(92svh,880px);display:flex;align-items:center;overflow:hidden;background:#2a1b10}
.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease}
.hero-slides img.on{opacity:1}
.hero-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,16,12,.94) 0%,rgba(42,27,16,.78) 45%,rgba(122,90,40,.35) 100%),linear-gradient(0deg,#14100c 0%,transparent 28%)}
.hero-in{position:relative;padding:110px 0 130px}
.hero h1{font-size:clamp(42px,6.4vw,92px);font-weight:500;max-width:15ch;margin-bottom:.3em}
.hero h1 em{font-style:italic;background:linear-gradient(90deg,#e3c37f,#c9a45c 55%,#8fbf6a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-tag{font:italic 500 clamp(22px,2.4vw,30px)/1 var(--serif);color:var(--gold2);letter-spacing:.08em;margin-bottom:22px}
.hero .lead{color:#d9ceb8;margin-bottom:34px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.trust{border-bottom:1px solid var(--line);background:var(--bg2)}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-in div{padding:34px 12px;text-align:center;border-left:1px solid var(--line)}
.trust-in div:first-child{border-left:0}
.trust-in b{display:block;font:600 clamp(30px,4vw,46px)/1.1 var(--serif);color:var(--gold2)}
.trust-in span{color:var(--mut);font-size:14px}
@media (max-width:700px){.trust-in{grid-template-columns:1fr 1fr}.trust-in div:nth-child(3){border-left:0}.trust-in div{border-top:1px solid var(--line)}.trust-in div:nth-child(-n+2){border-top:0}}
.story-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.story-lead{font:500 clamp(22px,2.4vw,30px)/1.3 var(--serif);margin-bottom:18px}
.hours{margin-top:28px;background:var(--surf);border:1px solid var(--line);border-left:3px solid var(--gold);padding:22px 26px;border-radius:6px}
.hours h3{font-size:24px;color:var(--gold2)}
.hours p{margin:0 0 4px;font-size:15px}
.story-img{position:relative;padding-bottom:18%}
.story-img .a{width:80%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.story-img .b{position:absolute;right:0;bottom:0;width:56%;aspect-ratio:1;object-fit:cover;border:8px solid var(--bg);border-radius:4px}
.shop{background:var(--bg2)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:14px;margin-top:36px}
.tile{position:relative;overflow:hidden;border-radius:6px;display:block}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}
.tile:hover img{transform:scale(1.07)}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 16px;font:600 20px/1.2 var(--serif);color:#fff;background:linear-gradient(0deg,rgba(20,16,12,.92),transparent)}
.t1{grid-column:span 2;grid-row:span 2}.t8{grid-column:span 2}
@media (max-width:900px){.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.t1{grid-column:span 2}}
@media (max-width:700px){.story-in,.fac-in,.contact-in{grid-template-columns:1fr!important}}
.coll-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
.coll-list a{display:grid;grid-template-columns:70px 1fr 170px 40px;align-items:center;gap:18px;padding:16px 8px;border-bottom:1px solid var(--line);color:var(--ivory);transition:background .3s,padding .3s}
.coll-list a:hover{background:var(--surf);padding-left:22px}
.coll-n{font:500 28px var(--serif);color:var(--gold)}
.coll-t{font:500 clamp(24px,3vw,38px) var(--serif)}
.coll-list img{width:170px;height:76px;object-fit:cover;border-radius:4px;opacity:.85}
.coll-go{font-size:26px;color:var(--gold2);transition:transform .3s}
.coll-list a:hover .coll-go{transform:translateX(6px)}
@media (max-width:640px){.coll-list a{grid-template-columns:44px 1fr 28px}.coll-list img{display:none}}
.fac{background:linear-gradient(135deg,#1c1610,#2a1b10)}
.fac-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}
.fac-in img{border-radius:6px;aspect-ratio:4/3;object-fit:cover;width:100%}
.contact{background:var(--bg2)}
.contact-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px)}

/* ---------- PRODUCTS ---------- */
.pr-head{padding:clamp(60px,9vw,110px) 0 56px;background:linear-gradient(135deg,#2a1b10,#4a2f18 60%,#7a5a28)}
.pr-feat{display:grid;grid-template-columns:90px 1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:56px 0;border-bottom:1px solid var(--line)}
.pr-num{font:500 clamp(54px,7vw,92px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px var(--gold)}
.pr-feat figure{margin:0;overflow:hidden;border-radius:4px}
.pr-feat img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .9s}
.pr-feat:hover img{transform:scale(1.05)}
.pr-txt h2{font-size:clamp(28px,3.2vw,42px)}
.pr-txt p{color:var(--mut)}
.pr-feat.rev figure{order:3}.pr-feat.rev .pr-txt{order:2}
@media (max-width:800px){.pr-feat{grid-template-columns:1fr}.pr-feat.rev figure,.pr-feat.rev .pr-txt{order:0}.pr-num{font-size:48px}}
.pr-gal{background:var(--bg2)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px;margin-top:32px}
.bn{position:relative;margin:0;overflow:hidden;border-radius:6px}
.bn img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.bn:hover img{transform:scale(1.08)}
.bn figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;font-size:14px;background:linear-gradient(0deg,rgba(20,16,12,.92),transparent)}
.bn1,.bn9{grid-column:span 2;grid-row:span 2}.bn6,.bn12{grid-column:span 2}
@media (max-width:800px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.bn9{grid-row:span 1}}

/* ---------- BABY COT (soft nursery accent) ---------- */
.pg-cot{--nb:#a9c4dc;--np:#e8cfc9}
.bc-hero{padding:clamp(60px,9vw,110px) 0 70px;background:linear-gradient(135deg,#1e2833,#3a4552 55%,#6f5b66)}
.bc-hero .eyebrow{color:var(--nb)}
.bc-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:72px 0}
.bc-intro img,.bc-model img{border-radius:28px;width:100%;aspect-ratio:1/1;object-fit:cover}
.bc-intro p{color:var(--mut)}
.bc-model{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:64px 0;border-top:1px solid var(--line)}
.bc-model.rev img{order:2}
.code{display:inline-block;background:var(--nb);color:#0e1822;font:600 12px/1 var(--sans);letter-spacing:.12em;padding:8px 14px;border-radius:999px;margin-bottom:14px}
.bc-model h2{font-size:clamp(32px,4vw,52px);letter-spacing:.02em}
.bc-model p{color:var(--mut)}
.specs{list-style:none;margin:22px 0;padding:0;border-top:1px solid var(--line)}
.specs li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.specs b{font-weight:600}.specs span{color:var(--mut);text-align:right}
.link-blue{color:var(--nb)}
@media (max-width:800px){.bc-intro,.bc-model{grid-template-columns:1fr}.bc-model.rev img{order:0}}

/* ---------- CLASSIC (catalogue spread) ---------- */
.cl-hero{position:relative;height:min(72vh,640px);overflow:hidden}
.cl-hero img{width:100%;height:100%;object-fit:cover}
.cl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#14100c 4%,rgba(20,16,12,.2) 60%)}
.cl-hero-in{position:absolute;left:0;right:0;bottom:90px;z-index:1;margin-inline:auto}
.cl-intro{position:relative;z-index:2;margin-top:-60px}
.cl-card{background:var(--surf);border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(26px,4vw,52px);max-width:860px}
.cl-card p{color:var(--mut)}
.cl-about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;width:min(1240px,100% - 48px);margin:80px auto}
.cl-about img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cl-about p{color:var(--mut)}
.cl-row{position:relative;margin:0 0 6px;overflow:hidden}
.cl-row img{width:100%;height:min(66vh,620px);object-fit:cover}
.cl-row figcaption{position:absolute;left:0;bottom:0;background:rgba(20,16,12,.9);padding:20px 34px;font:600 clamp(22px,2.6vw,32px) var(--serif);display:flex;gap:18px;align-items:baseline;border-top:2px solid var(--gold)}
.cl-row span{font:500 16px var(--sans);color:var(--gold)}
@media (max-width:800px){.cl-about{grid-template-columns:1fr}}

/* ---------- SKIN (masonry) ---------- */
.sk-head{position:relative;padding:clamp(60px,9vw,110px) 0 40px;text-align:center;overflow:hidden}
.sk-ghost{position:absolute;left:0;right:0;top:-10px;font:700 clamp(120px,24vw,340px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px #3a2e22;letter-spacing:.04em;user-select:none}
.sk-head .wrap{position:relative}
.sk-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);padding:20px 0 40px}
.sk-cols h2{font-size:30px;color:var(--gold2)}.sk-cols p{color:var(--mut)}
.sk-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.sk-pair img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.sk-mason{columns:3;column-gap:14px;padding-bottom:90px}
.sk-mason img{width:100%;margin-bottom:14px;border-radius:6px;break-inside:avoid;transition:filter .3s,transform .4s}
.sk-mason img:hover,.sk-pair img:hover{filter:brightness(1.12);transform:scale(1.01)}
@media (max-width:800px){.sk-cols,.sk-pair{grid-template-columns:1fr}.sk-mason{columns:2}}

/* ---------- VENEER (grain, staggered mosaic) ---------- */
.vn-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:min(84vh,760px);background:#1b120b}
.vn-text{padding:clamp(40px,7vw,100px) clamp(24px,6vw,90px);align-self:center}
.vn-text h2{font:italic 500 28px var(--serif);color:var(--gold2);margin-top:28px}
.vn-text p{color:var(--mut)}
.vn-hero>img{width:100%;height:100%;object-fit:cover}
.vn-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,80px);align-items:center;width:min(1240px,100% - 48px);margin:90px auto}
.vn-about img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px 6px 6px}
.vn-about p{color:var(--mut)}
.vn-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:56px 48px;padding-bottom:100px}
.vn-mosaic figure{margin:0}
.vn-mosaic figure:nth-child(even){margin-top:80px}
.vn-mosaic img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.vn-mosaic figcaption{font:italic 500 24px var(--serif);color:var(--gold2);margin-top:12px}
@media (max-width:800px){.vn-hero,.vn-about,.vn-mosaic{grid-template-columns:1fr}.vn-mosaic figure:nth-child(even){margin-top:0}.vn-hero>img{height:50vh}}

/* ---------- LAMINATE (swatch grid, light frames) ---------- */
.lm-top{text-align:center;padding:clamp(60px,9vw,100px) 0 40px}
.lm-top .h1{margin-bottom:.4em}
.lm-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);text-align:left;margin:40px 0}
.lm-text h2{font-size:28px;color:var(--gold2)}.lm-text p{color:var(--mut)}
.lm-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lm-pair img,.lm-grid img{border:10px solid var(--ivory);border-radius:4px;width:100%;object-fit:cover}
.lm-pair img{aspect-ratio:16/10}
.lm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:50px 0 100px}
.lm-grid figure{margin:0}
.lm-grid img{aspect-ratio:1/1;transition:transform .4s}
.lm-grid img:hover{transform:translateY(-6px)}
.lm-grid figcaption{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;color:var(--mut)}
.lm-grid i{width:14px;height:14px;border-radius:50%;background:hsl(calc(var(--n)*47),40%,58%);border:1px solid var(--ivory)}
@media (max-width:800px){.lm-text,.lm-pair{grid-template-columns:1fr}.lm-grid{grid-template-columns:1fr 1fr;gap:16px}}

/* ---------- LIGHT OPENING (sticky split screen) ---------- */
.lo-split{display:grid;grid-template-columns:1fr 1fr;align-items:start}
.lo-panel{position:sticky;top:var(--hh);height:calc(100vh - var(--hh));overflow:auto;background:linear-gradient(160deg,#3a2a14,#14100c 70%);padding:clamp(30px,5vw,70px);display:flex;align-items:center;border-right:1px solid var(--line)}
.lo-panel .h1{font-size:clamp(38px,4.4vw,62px)}
.lo-panel h2{font:italic 500 26px var(--serif);color:var(--gold2);margin-top:22px}
.lo-panel p{color:#d2c7b1}
.lo-stack{padding:36px clamp(16px,3vw,40px) 80px}
.lo-stack figure{margin:0 0 26px}
.lo-stack img{width:100%;max-height:82vh;object-fit:cover;border-radius:4px}
.lo-stack figcaption{margin-top:8px;font-size:14px;color:var(--mut)}
@media (max-width:900px){.lo-split{grid-template-columns:1fr}.lo-panel{position:static;height:auto}}

/* ---------- WARDROBE (slider) ---------- */
.wd-head{padding:clamp(56px,8vw,96px) 0 30px}
.wd-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.wd-intro article{background:var(--surf);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.wd-intro img{width:100%;aspect-ratio:16/10;object-fit:cover}
.wd-intro div{padding:26px 28px}.wd-intro h2{font-size:30px;color:var(--gold2)}.wd-intro p{color:var(--mut)}
.wd-slider{padding:80px 0 90px}
.slider-main{position:relative;background:var(--surf);border-radius:8px;overflow:hidden;margin-top:24px}
.slider-main img{width:100%;height:min(68vh,640px);object-fit:cover;transition:opacity .35s}
.s-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid var(--gold);background:rgba(20,16,12,.75);color:var(--ivory);display:grid;place-items:center;cursor:pointer}
.s-btn:hover{background:var(--gold);color:#14100c}
.s-prev{left:16px}.s-next{right:16px}
.s-cap{position:absolute;left:0;bottom:0;margin:0;background:rgba(20,16,12,.88);padding:14px 26px;font:600 26px var(--serif);border-top:2px solid var(--gold)}
.slider-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px}
.slider-thumbs button{flex:0 0 auto;width:120px;height:80px;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;opacity:.65}
.slider-thumbs button.on,.slider-thumbs button:hover{border-color:var(--gold);opacity:1}
.slider-thumbs img{width:100%;height:100%;object-fit:cover}
@media (max-width:800px){.wd-intro{grid-template-columns:1fr}}

/* ---------- TV UNIT (cinematic) ---------- */
.tv-hero{position:relative;aspect-ratio:21/9;min-height:340px;overflow:hidden;background:#000}
.tv-hero img{width:100%;height:100%;object-fit:cover;opacity:.85}
.tv-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#14100c 2%,transparent 65%)}
.tv-hero-in{position:absolute;left:0;right:0;bottom:36px;z-index:1;margin-inline:auto}
.tv-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);padding:60px 0 30px}
.tv-text h2{font-size:32px;color:var(--gold2)}.tv-text p{color:var(--mut)}
.tv-banner img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.tv-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:36px 0 100px}
.tv-grid figure{position:relative;margin:0;overflow:hidden;border-radius:4px;aspect-ratio:16/9}
.tv-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.tv-grid figure:hover img{transform:scale(1.05)}
.tv-grid figcaption{position:absolute;left:14px;bottom:14px;background:rgba(20,16,12,.85);border:1px solid var(--gold);padding:8px 14px;font-size:14px;border-radius:2px}
.tv-grid span{color:var(--gold);margin-right:10px}
@media (max-width:800px){.tv-text,.tv-grid{grid-template-columns:1fr}.tv-hero{aspect-ratio:16/9}}

/* ---------- KIDS (playful pastel) ---------- */
.pg-kids{--k-blue:#cfe0ee;--k-blush:#f3d9d3;--k-sand:#efe0c4;--k-ink:#1d2733}
.kd-hero{position:relative;text-align:center;padding:clamp(70px,10vw,120px) 0 60px;overflow:hidden}
.kd-hero .h1{color:var(--k-blush)}.kd-hero .eyebrow{color:var(--k-blue)}
.bub{position:absolute;border-radius:50%;opacity:.16}
.b1{width:220px;height:220px;background:var(--k-blue);left:2%;top:-40px}
.b2{width:140px;height:140px;background:var(--k-blush);right:8%;top:30px}
.b3{width:90px;height:90px;background:var(--k-sand);right:26%;bottom:10px}
.kd-cards{display:grid;gap:26px}
.kd-card{display:grid;grid-template-columns:1fr 1fr;border-radius:32px;overflow:hidden;color:var(--k-ink)}
.kd-card.blue{background:var(--k-blue)}.kd-card.blush{background:var(--k-blush)}.kd-card.blush img{order:2}
.kd-card img{width:100%;height:100%;min-height:300px;object-fit:cover}
.kd-card div{padding:clamp(24px,4vw,52px);align-self:center}
.kd-card h2{font-size:clamp(28px,3vw,40px)}.kd-card p{color:#33414f}
.kd-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:60px 0 100px}
.kd-gal figure{margin:0;background:var(--k-sand);border-radius:28px;padding:10px;color:var(--k-ink);transition:transform .3s}
.kd-gal figure:nth-child(odd){background:var(--k-blue)}.kd-gal figure:nth-child(3n){background:var(--k-blush)}
.kd-gal figure:hover{transform:translateY(-8px) rotate(-1deg)}
.kd-gal img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}
.kd-gal figcaption{padding:12px 8px 6px;font:600 20px var(--serif);text-align:center}
@media (max-width:800px){.kd-card{grid-template-columns:1fr}.kd-card.blush img{order:0}.kd-gal{grid-template-columns:1fr 1fr;gap:14px}}

/* ---------- CORPORATE (navy + brass) ---------- */
.pg-corp{--navy:#0f1b33;--navy2:#16254a;--brass:#d6b66a}
.pg-corp .eyebrow{color:var(--brass)}
.co-hero{display:grid;grid-template-columns:1fr 1fr;min-height:min(80vh,720px)}
.co-panel{background:var(--navy);padding:clamp(36px,6vw,90px);align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-bottom:3px solid var(--brass)}
.co-panel h2{font:italic 500 26px var(--serif);color:var(--brass);margin-top:22px}
.co-panel p{color:#c5cbd9}
.co-hero>img{width:100%;height:100%;object-fit:cover}
.co-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,70px);padding:90px 0}
.co-list p{color:var(--mut)}
.co-list ol{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--brass)}
.co-list li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid #2b3a5c;font:500 24px var(--serif)}
.co-list li span{font:500 14px var(--sans);color:var(--brass);align-self:center}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.co-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #2b3a5c}
.co-clients{background:var(--navy);padding:80px 0;border-top:3px solid var(--brass)}
.pg-corp .cta{background:linear-gradient(120deg,#0f1b33,#1b2f5c)}
@media (max-width:800px){.co-hero,.co-body{grid-template-columns:1fr}.co-hero>img{height:46vh}}

/* ---------- SEASONING CHAMBER (timeline) ---------- */
.sc-hero{position:relative;height:min(52vh,460px);overflow:hidden}
.sc-hero img{width:100%;height:100%;object-fit:cover}
.sc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#14100c 4%,rgba(20,16,12,.35))}
.sc-hero-in{position:absolute;left:0;right:0;bottom:40px;z-index:1;margin-inline:auto}
.sc-line{position:relative;padding:70px 0 40px}
.sc-line::before{content:"";position:absolute;left:27px;top:70px;bottom:40px;width:2px;background:var(--g-rule);opacity:.7}
.sc-step{display:grid;grid-template-columns:56px 1fr;gap:clamp(18px,4vw,44px);margin-bottom:56px}
.sc-node{width:56px;height:56px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);display:grid;place-items:center;font:600 26px var(--serif);color:var(--gold2);position:relative}
.sc-body h2{font-size:clamp(28px,3.4vw,44px)}
.sc-body p{color:var(--mut);max-width:72ch}
.sc-body img{margin-top:18px;width:100%;max-width:760px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
.sc-uses{padding:20px 0 90px}

/* ---------- CAREERS, JOB, APPLY ---------- */
.cr-hero{padding:clamp(60px,9vw,110px) 0 36px}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding:20px 0 100px}
.job{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:6px;transition:border-color .3s,transform .3s}
.job:hover{border-color:var(--gold);transform:translateY(-4px)}
.job h2{font-size:30px;margin:6px 0 0}
.job p{color:var(--mut);margin:6px 0}.job small{color:var(--mut)}
.tag{display:inline-block;align-self:flex-start;background:rgba(79,154,58,.18);color:#a8dc96;padding:5px 12px;border-radius:999px;font-size:12px;letter-spacing:.08em}
.meta{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;color:var(--mut);font-size:14px}
.job-actions{display:flex;gap:10px;margin-top:auto;padding-top:14px}
.empty{grid-column:1/-1;color:var(--mut);padding:40px 0}
.jd-head{padding:clamp(50px,7vw,90px) 0 36px}
.jd-body{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(24px,5vw,60px);padding-bottom:100px;align-items:start}
.jd-desc h2,.jd-side h2{font-size:30px;color:var(--gold2)}
.jd-desc p{color:#d9ceb8}
.jd-side{position:sticky;top:calc(var(--hh) + 20px);background:var(--surf);border:1px solid var(--line);border-top:3px solid var(--gold);padding:28px;border-radius:8px}
.jd-side dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:14px}
.jd-side dd{margin:2px 0 0}.jd-side .btn{margin-top:24px;width:100%}
@media (max-width:800px){.jd-body{grid-template-columns:1fr}.jd-side{position:static}}
.ja-head{padding:clamp(50px,7vw,90px) 0 20px}
.ja-form{max-width:820px;padding-bottom:100px}
.ja-form fieldset{background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:22px 26px 8px;margin:0 0 22px}
.ja-form legend{display:flex;align-items:center;gap:12px;font:600 24px var(--serif);padding:0 8px;color:var(--gold2)}
.ja-form legend span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g-btn);color:#14100c;font:600 14px var(--sans)}

/* ---------- CONTACT / SIMPLE ---------- */
.ct-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px);padding:clamp(60px,9vw,110px) 0}
@media (max-width:800px){.ct-wrap{grid-template-columns:1fr}}