:root{
  --black:#000;
  --dark:#1f1305;
  --espresso:#3a2103;
  --cigar:#482904;
  --gold:#ca8500;
  --cream:#ffe8bb;
  --cream-soft:#fdeed1;
  --leaf:#368707;
  --sage:#cbdce9;
  --white:#fff;
  --light:#fff7e8;
  --muted:rgba(72,41,4,.68);
  --muted-dark:rgba(255,232,187,.78);
  --nav:rgba(58,33,3,.88);
  --shadow:0 28px 80px rgba(58,33,3,.2);
  --deep-shadow:0 42px 110px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px;background:var(--cigar)}
body{margin:0;background:var(--light);color:var(--dark);font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.374px;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:linear-gradient(90deg,var(--gold),#ffe8bb);height:3px;transform-origin:left;animation:scroll-progress linear both;animation-timeline:scroll(root);/* scroll-timeline brand progress effect */}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:60;background:var(--cream);color:var(--cigar);padding:8px 15px;border-radius:980px}
.globalnav{height:52px;position:sticky;top:0;z-index:40;background:var(--nav);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid rgba(255,232,187,.14)}
.globalnav nav{height:52px;max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.mark{color:var(--cream);text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.08em}.mark span{display:inline-flex;align-items:center;gap:8px}.mark span:before{content:"";width:18px;height:18px;border-radius:50% 0 50% 50%;background:linear-gradient(135deg,var(--cream),var(--gold));transform:rotate(-35deg);box-shadow:0 0 22px rgba(255,232,187,.5)}
.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{color:rgba(255,232,187,.86);font-size:12px;line-height:52px;text-decoration:none;letter-spacing:-.12px;transition:color .2s ease,transform .2s ease}.navlinks a:hover,.navlinks a.active{color:#fff;transform:translateY(-1px)}.menu-button{display:none;background:transparent;color:var(--cream);border:0;font:inherit;font-size:12px}.subnav{height:56px;position:sticky;top:52px;z-index:30;background:rgba(255,232,187,.75);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(72,41,4,.13);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1040px)/2));font-size:12px}.subnav strong{font-size:21px;letter-spacing:.231px;color:var(--cigar)}.subnav-links{display:flex;gap:20px}.subnav a{color:rgba(72,41,4,.72);text-decoration:none}.subnav a.active,.subnav a:hover{color:var(--gold)}
.hero-product{min-height:calc(100vh - 52px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative;padding:118px 22px 96px;perspective:1200px}.hero-product.black{background:radial-gradient(circle at 50% 18%,rgba(202,133,0,.28),transparent 32%),linear-gradient(160deg,#000 0%,#1f1305 47%,#482904 100%);color:var(--cream)}.hero-product.light{background:linear-gradient(180deg,var(--cream),var(--cream-soft));color:var(--cigar)}.brand-gradient{background:radial-gradient(circle at 10% 15%,rgba(54,135,7,.22),transparent 28%),radial-gradient(circle at 85% 18%,rgba(202,133,0,.38),transparent 32%),linear-gradient(180deg,#ffe8bb 0%,#fdeed1 52%,#fff7e8 100%)}
.center{width:min(980px,100%);margin:auto;position:relative;z-index:2}.narrow{width:min(760px,100%)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--gold);font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,9vw,112px);line-height:.92;letter-spacing:-.07em;margin-bottom:22px}h2{font-size:clamp(38px,6vw,76px);line-height:.96;letter-spacing:-.055em;margin-bottom:18px}h3{font-size:24px;letter-spacing:-.035em}.hero-sub{font-size:clamp(21px,2.7vw,32px);line-height:1.13;color:var(--muted-dark);max-width:850px;margin:0 auto 24px}.darktext{color:var(--muted)}.link-row{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap}.link-row a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border-radius:999px;background:rgba(255,232,187,.12);border:1px solid rgba(202,133,0,.32);color:var(--gold);text-decoration:none;font-weight:750}.story-strip a,.footer a{color:var(--gold);text-decoration:none;font-weight:650}.link-row a:after,.story-strip a:after{content:" ›"}.link-row a:hover,.story-strip a:hover,.footer a:hover{color:var(--leaf)}
.product-orb{width:min(58vw,640px);height:320px;margin:44px auto 0;border-radius:999px;background:radial-gradient(circle at 52% 30%,rgba(255,232,187,.9),rgba(202,133,0,.45) 22%,rgba(72,41,4,.65) 54%,transparent 70%);filter:drop-shadow(0 42px 60px rgba(0,0,0,.55));transform:rotateX(64deg) rotateZ(-9deg);transform-style:preserve-3d;animation:orb-float 7s ease-in-out infinite}.tobacco-orb:before{content:"";display:block;width:70%;height:38%;margin:18% auto;border-radius:50%;background:repeating-linear-gradient(90deg,rgba(255,232,187,.6) 0 6px,rgba(72,41,4,.45) 7px 11px);filter:blur(.2px)}
.depth-scene{min-height:82vh}.parallax-layer{position:absolute;inset:auto 0 8%;height:280px;pointer-events:none;transform:translate3d(0,var(--parallax,0),0)}.leaf-mist{background:radial-gradient(ellipse at 30% 70%,rgba(54,135,7,.2),transparent 35%),radial-gradient(ellipse at 70% 30%,rgba(202,133,0,.18),transparent 38%);filter:blur(18px)}.tobacco-leaf-3d{width:min(70vw,560px);height:330px;margin:46px auto 0;position:relative;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-18deg);transition:transform .25s ease;filter:drop-shadow(0 44px 60px rgba(72,41,4,.26))}.tobacco-leaf-3d span{position:absolute;left:50%;top:50%;width:360px;height:130px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#368707,#8f6417 38%,#ca8500 72%,#ffe8bb);transform-origin:left center}.tobacco-leaf-3d span:nth-child(1){transform:translate(-5%,-60%) rotateZ(-28deg) translateZ(42px)}.tobacco-leaf-3d span:nth-child(2){transform:translate(-10%,-10%) rotateZ(-4deg) translateZ(20px);opacity:.9}.tobacco-leaf-3d span:nth-child(3){transform:translate(-12%,40%) rotateZ(23deg) translateZ(0);opacity:.78}
.process-depth{background:linear-gradient(180deg,#fff7e8,#ffe8bb);padding:110px max(22px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:42px;align-items:start}.process-copy{position:sticky;top:132px}.process-copy p{font-size:20px;line-height:1.45;color:var(--muted)}.process-rail{display:grid;gap:18px;perspective:1200px}.process-card{background:rgba(255,255,255,.58);border:1px solid rgba(72,41,4,.12);box-shadow:var(--shadow);border-radius:34px;padding:30px;min-height:170px;transform-style:preserve-3d;transition:transform .45s ease,box-shadow .45s ease,opacity .6s ease}.process-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 34px 90px rgba(72,41,4,.28)}.process-card span{display:inline-flex;color:var(--gold);font-weight:900;margin-bottom:20px}.process-card p{color:var(--muted);font-size:17px;line-height:1.46}.tile-grid{display:grid;gap:14px;padding:14px;background:var(--light)}.tile-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{position:relative;min-height:560px;border-radius:34px;padding:54px 34px;text-align:center;overflow:hidden;box-shadow:var(--shadow);perspective:900px}.dark-tile{background:linear-gradient(150deg,#000,#482904);color:var(--cream)}.light-tile{background:linear-gradient(180deg,#ffe8bb,#fff7e8);color:var(--cigar)}.tile p{font-size:22px;color:inherit;opacity:.74}.mini-product{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);width:70%;height:210px;filter:drop-shadow(0 28px 32px rgba(0,0,0,.28));transition:transform .45s ease}.tile:hover .mini-product{transform:translateX(-50%) translateY(-10px) rotateX(6deg)}.cigar-shape{border-radius:999px;background:linear-gradient(90deg,#2b1604,#ca8500,#ffe8bb,#482904)}.wrap-shape{border-radius:48px 48px 140px 140px;background:repeating-linear-gradient(90deg,#482904 0 16px,#ca8500 18px 32px,#ffe8bb 33px 36px)}.leaf-shape{border-radius:100% 0 100% 0;background:linear-gradient(135deg,#368707,#482904 48%,#ca8500);transform:translateX(-50%) rotate(-28deg)}.cone-shape{clip-path:polygon(50% 0,86% 100%,14% 100%);background:linear-gradient(90deg,#ffe8bb,#ca8500,#482904)}
.story-strip,.content-section{padding:96px max(22px,calc((100vw - 1080px)/2));background:var(--white)}.story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-strip>div,.spec-grid article,.contact-shell,.quote-form{border-radius:30px;background:var(--cream-soft);border:1px solid rgba(72,41,4,.1);padding:32px;box-shadow:var(--shadow)}.story-strip p,.spec-grid p,.contact-shell p{color:var(--muted);font-size:17px;line-height:1.45}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.program-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.program-matrix article{position:relative;min-height:280px;border-radius:36px;padding:34px;background:linear-gradient(180deg,#ffe8bb,#fff7e8);border:1px solid rgba(72,41,4,.12);box-shadow:var(--shadow);overflow:hidden}.program-matrix article:after{content:"";position:absolute;right:-42px;bottom:-52px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(202,133,0,.28),transparent 68%)}.program-matrix span,.suite-card span{display:inline-flex;color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:18px}.private-label-suite,.product-section-suite{padding:14px;background:linear-gradient(180deg,#fff7e8,#ffe8bb);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-section-suite{background:linear-gradient(180deg,#ffe8bb,#fff7e8);border-top:1px solid rgba(72,41,4,.08)}.buyer-education{background:linear-gradient(180deg,#fff,#fff7e8)}.request-specs a:first-child{background:rgba(202,133,0,.92);color:#fff;border-color:rgba(202,133,0,.92);box-shadow:0 14px 36px rgba(202,133,0,.25)}.suite-card{min-height:310px;border-radius:34px;padding:34px;background:rgba(255,255,255,.64);border:1px solid rgba(72,41,4,.12);box-shadow:var(--shadow);text-decoration:none;color:var(--cigar);transition:transform .35s ease,box-shadow .35s ease}.suite-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 34px 90px rgba(72,41,4,.28)}.suite-card p{font-size:19px;line-height:1.5;color:var(--muted)}.brand-builder{min-height:82vh;background:radial-gradient(circle at 50% 20%,rgba(255,232,187,.24),transparent 28%),radial-gradient(circle at 12% 75%,rgba(54,135,7,.14),transparent 28%),linear-gradient(150deg,#000,#1f1305 45%,#482904)}.brand-builder .product-orb{height:220px;margin-top:26px;width:min(46vw,520px)}.request-project-brief{scroll-margin-top:130px}.product-stage{width:min(72vw,760px);height:310px;margin:54px auto 0;border-radius:52px;background:radial-gradient(circle at 28% 38%,rgba(255,232,187,.9),transparent 22%),linear-gradient(135deg,#482904,#ca8500,#ffe8bb);box-shadow:var(--deep-shadow);transform:rotateX(58deg) rotateZ(-7deg);transform-style:preserve-3d;transition:transform .5s ease}.product-stage:hover{transform:rotateX(54deg) rotateZ(-5deg) translateY(-8px)}.contact-shell{display:grid;grid-template-columns:1fr 1fr;gap:38px}.quote-form{display:grid;gap:16px}.quote-form label{display:grid;gap:8px;color:var(--cigar);font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid rgba(72,41,4,.18);border-radius:16px;padding:14px 16px;font:inherit;background:#fff}.quote-form textarea{min-height:120px}.quote-form button{border:0;border-radius:980px;padding:15px 20px;background:var(--cigar);color:var(--cream);font-weight:800;cursor:pointer}.footer{background:#1f1305;color:var(--cream);padding:54px max(22px,calc((100vw - 1120px)/2))}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.footer h4{margin:0 0 10px}.footer a{display:block;margin:8px 0;color:rgba(255,232,187,.75)}.legal{border-top:1px solid rgba(255,232,187,.18);margin-top:34px;padding-top:20px;color:rgba(255,232,187,.72);font-size:13px;line-height:1.55}.reveal{opacity:1;transform:translateY(0) scale(1);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal:not(.is-visible){animation:soft-reveal .9s ease both}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}
@keyframes orb-float{0%,100%{transform:rotateX(64deg) rotateZ(-9deg) translateY(0)}50%{transform:rotateX(60deg) rotateZ(-6deg) translateY(-16px)}}@keyframes soft-reveal{from{opacity:.82;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scroll-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.product-orb,.tobacco-leaf-3d,.product-stage{transform:none}}
@media (max-width:850px){.menu-button{display:block}.navlinks{position:absolute;top:52px;left:0;right:0;display:none;flex-direction:column;gap:0;background:rgba(58,33,3,.98);padding:14px 22px}.navlinks.open{display:flex}.navlinks a{line-height:38px}.subnav{overflow:auto;gap:18px;justify-content:flex-start}.subnav-links{min-width:max-content}.hero-product{min-height:78vh;padding:76px 18px}h1{font-size:48px}h2{font-size:38px}.tile-grid.two,.tile-grid.three,.story-strip,.spec-grid,.contact-shell,.process-depth,.program-matrix,.private-label-suite,.product-section-suite{grid-template-columns:1fr}.process-copy{position:relative;top:0}.tile{min-height:430px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Phase 4 cinematic UI/UX expansion: premium product pacing, ONTCSA palette */
.section-snap{scroll-snap-type:y proximity}.dynamic-scene{position:relative;overflow:hidden;isolation:isolate}.dynamic-scene:before{content:"";position:absolute;inset:-18%;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--mx,0px)) calc(20% + var(--my,0px)),rgba(255,232,187,.22),transparent 35%),radial-gradient(circle at 80% 80%,rgba(54,135,7,.16),transparent 28%);z-index:0}.dynamic-scene>*{position:relative;z-index:1}
.cinematic-split{min-height:92vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(28px,5vw,82px);align-items:center;padding:110px max(22px,calc((100vw - 1180px)/2));background:#000;color:var(--cream)}.cinematic-split.light{background:#f5f5f7;color:#1d1d1f}.cinematic-copy .kicker{color:var(--gold);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.cinematic-copy p{font-size:clamp(19px,2.1vw,28px);line-height:1.2;color:inherit;opacity:.78}.cinematic-image{width:100%;min-height:420px;object-fit:cover;border-radius:34px;box-shadow:0 45px 110px rgba(0,0,0,.34);transform:translate3d(0,calc(var(--scroll-y,0)*-18px),0) scale(1.02)}
.kenburns-frame{overflow:hidden;border-radius:38px;background:#1f1305;box-shadow:0 45px 110px rgba(0,0,0,.38)}.kenburns-frame img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;animation:kenburns 16s ease-in-out infinite alternate;transform-origin:center}.image-reveal-mask{clip-path:inset(8% 7% round 34px);transition:clip-path 1s ease,transform 1s ease}.image-reveal-mask.is-visible{clip-path:inset(0 round 34px)}
.sticky-story{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:42px;align-items:start;padding:120px max(22px,calc((100vw - 1180px)/2));background:linear-gradient(180deg,#fff7e8,#ffe8bb)}.sticky-story .sticky-copy{position:sticky;top:136px}.sticky-story .sticky-copy p{font-size:20px;line-height:1.45;color:var(--muted)}.story-moments{display:grid;gap:22px}.story-moment{min-height:230px;border-radius:38px;padding:34px;background:rgba(255,255,255,.68);box-shadow:var(--shadow);border:1px solid rgba(72,41,4,.1);transform:translateY(20px);transition:transform .55s ease,box-shadow .55s ease}.story-moment.is-visible,.is-visible .story-moment{transform:translateY(0)}
.media-mosaic{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:320px 320px;gap:16px;padding:16px;background:#000}.media-mosaic figure{margin:0;border-radius:32px;overflow:hidden;position:relative;background:#1f1305}.media-mosaic figure:first-child{grid-row:span 2}.media-mosaic img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.04)}.media-mosaic figcaption{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;font-weight:800;font-size:clamp(22px,3vw,42px);letter-spacing:-.05em;text-shadow:0 8px 28px rgba(0,0,0,.55)}
.horizontal-showcase{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:100px max(22px,calc((100vw - 1180px)/2));background:#f5f5f7}.showcase-card{flex:0 0 min(72vw,520px);min-height:560px;scroll-snap-align:center;border-radius:38px;background:#fff;box-shadow:var(--shadow);padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.showcase-card.dark{background:#000;color:var(--cream)}.showcase-card img{width:100%;height:300px;object-fit:cover;border-radius:28px;transform:translateY(calc(var(--parallax-local,0px) * -.25))}.showcase-card h3{font-size:clamp(34px,4vw,58px);line-height:.95}.showcase-card p{font-size:18px;line-height:1.42;color:inherit;opacity:.74}
.scroll-pin{min-height:130vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:110px max(22px,calc((100vw - 1180px)/2));background:linear-gradient(160deg,#000,#1f1305 58%,#482904);color:var(--cream)}.scroll-pin .pin-copy{position:sticky;top:132px;height:max-content}.pin-steps{display:grid;gap:18px}.pin-step{border-radius:34px;padding:32px;background:rgba(255,232,187,.12);border:1px solid rgba(255,232,187,.16);backdrop-filter:blur(18px);box-shadow:var(--deep-shadow)}.pin-step span{color:var(--gold);font-weight:900}.pin-step p{color:var(--muted-dark)}
.liquid-glass{background:linear-gradient(145deg,rgba(255,232,187,.22),rgba(255,255,255,.06));border:1px solid rgba(255,232,187,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 34px 90px rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(150%)}.leaf-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.leaf-particles i{position:absolute;width:42px;height:18px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#368707,#ca8500);opacity:.24;animation:leaf-drift 14s linear infinite}.leaf-particles i:nth-child(1){left:8%;top:18%;animation-delay:-2s}.leaf-particles i:nth-child(2){left:70%;top:14%;animation-delay:-5s}.leaf-particles i:nth-child(3){left:42%;top:70%;animation-delay:-8s}.leaf-particles i:nth-child(4){left:84%;top:64%;animation-delay:-11s}
.spec-orbit{position:relative;min-height:560px;border-radius:42px;background:radial-gradient(circle at 50% 50%,rgba(255,232,187,.28),transparent 30%),#000;color:var(--cream);overflow:hidden}.spec-orbit .orbit-center{position:absolute;inset:50% auto auto 50%;width:210px;height:210px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#ffe8bb,#ca8500 48%,#482904);box-shadow:0 0 80px rgba(202,133,0,.45)}.spec-orbit span{position:absolute;left:50%;top:50%;width:160px;margin:-20px 0 0 -80px;text-align:center;color:var(--cream);font-weight:900}.spec-orbit span:nth-child(2){transform:rotate(0deg) translateX(260px) rotate(0deg)}.spec-orbit span:nth-child(3){transform:rotate(72deg) translateX(260px) rotate(-72deg)}.spec-orbit span:nth-child(4){transform:rotate(144deg) translateX(260px) rotate(-144deg)}.spec-orbit span:nth-child(5){transform:rotate(216deg) translateX(260px) rotate(-216deg)}.spec-orbit span:nth-child(6){transform:rotate(288deg) translateX(260px) rotate(-288deg)}
.timeline-cinema{background:#000;color:var(--cream);padding:120px max(22px,calc((100vw - 1180px)/2));overflow:hidden}.timeline-track{display:grid;grid-template-columns:repeat(5,minmax(280px,1fr));gap:18px;overflow-x:auto;scroll-snap-type:x mandatory}.timeline-track article{scroll-snap-align:center;min-height:520px;border-radius:36px;padding:32px;background:linear-gradient(180deg,rgba(255,232,187,.16),rgba(255,232,187,.05));border:1px solid rgba(255,232,187,.16);display:flex;flex-direction:column;justify-content:space-between}.timeline-track strong{font-size:74px;line-height:.9;color:var(--gold)}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.11) translate3d(-2%,1%,0)}}@keyframes leaf-drift{from{transform:translate3d(-20vw,20vh,0) rotate(0deg)}to{transform:translate3d(110vw,-22vh,0) rotate(360deg)}}
@media (max-width:850px){.cinematic-split,.sticky-story,.scroll-pin{grid-template-columns:1fr;min-height:auto}.sticky-story .sticky-copy,.scroll-pin .pin-copy{position:relative;top:0}.media-mosaic{grid-template-columns:1fr;grid-template-rows:auto}.media-mosaic figure:first-child{grid-row:auto}.media-mosaic figure{min-height:320px}.horizontal-showcase{padding-left:18px}.showcase-card{flex-basis:86vw}.spec-orbit span{position:relative;display:block;left:auto;top:auto;transform:none!important;margin:14px auto}.spec-orbit .orbit-center{position:relative;inset:auto;transform:none;margin:40px auto}}

.ontcsa-logo{display:block;width:118px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.mark:has(.ontcsa-logo) span:before,.mark:has(.ontcsa-logo):before{content:none}.mark{display:inline-flex;align-items:center}.approved-media-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,232,187,.24);background:rgba(255,232,187,.1);padding:8px 12px;border-radius:999px;color:var(--cream)}


/* Phase 5 approved-media depth expansion */
.brand-film{position:relative;min-height:86vh;display:grid;align-items:end;padding:110px max(22px,calc((100vw - 1180px)/2));overflow:hidden;background:#000;color:var(--cream);isolation:isolate}.brand-film .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(1.05) contrast(1.08);transform:scale(1.03)}.brand-film:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.74)),radial-gradient(circle at 75% 20%,rgba(202,133,0,.28),transparent 36%);z-index:0}.brand-film-copy{position:relative;z-index:1;max-width:760px}.brand-film-copy h2{font-size:clamp(48px,7vw,96px)}.brand-film-copy p{font-size:clamp(20px,2.2vw,30px);line-height:1.18;color:rgba(255,232,187,.82)}
.motion-band{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch;padding:18px;background:#000}.motion-card{position:relative;min-height:520px;border-radius:38px;overflow:hidden;color:var(--cream);box-shadow:var(--deep-shadow)}.motion-card video,.motion-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.motion-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.motion-card div{position:absolute;z-index:1;left:34px;right:34px;bottom:32px}.motion-card h3{font-size:clamp(34px,4vw,62px);line-height:.95}.motion-card p{font-size:18px;color:rgba(255,232,187,.82)}
.media-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:82px max(22px,calc((100vw - 1180px)/2));background:#f5f5f7}.media-ledger article{border-radius:32px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.media-ledger img{width:100%;height:260px;object-fit:cover;display:block}.media-ledger div{padding:28px}.media-ledger h3{font-size:30px}.media-ledger p{color:var(--muted);font-size:17px;line-height:1.45}
.category-portrait{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center;padding:110px max(22px,calc((100vw - 1180px)/2));background:linear-gradient(180deg,#fff7e8,#ffe8bb)}.category-portrait figure{margin:0;border-radius:42px;overflow:hidden;box-shadow:var(--shadow);background:#000}.category-portrait img{width:100%;min-height:480px;object-fit:cover;display:block}.category-portrait p{font-size:20px;line-height:1.42;color:var(--muted)}
.leaf-position-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:92px max(22px,calc((100vw - 1180px)/2));background:#000}.leaf-position-gallery figure{margin:0;min-height:350px;border-radius:30px;overflow:hidden;position:relative;background:#1f1305}.leaf-position-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.leaf-position-gallery figure:hover img{transform:scale(1.05)}.leaf-position-gallery figcaption{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;font-weight:900;font-size:24px;text-shadow:0 6px 18px rgba(0,0,0,.6)}
@media (max-width:850px){.motion-band,.category-portrait{grid-template-columns:1fr}.media-ledger{grid-template-columns:1fr}.leaf-position-gallery{grid-template-columns:1fr 1fr}.brand-film{min-height:70vh}.motion-card{min-height:390px}}