/* ==========================================================================
   SCENS — Creative Fragrance House
   Paleta e tipografia conforme briefing oficial (PDF SCENS-LPINST-2026-001)
   ========================================================================== */

:root{
  --ivory:#f8f5ef;
  --off:#f4f0ea;
  --paper:#fcfaf6;
  --sand:#dccfc0;
  --mineral:#cbb8a2;
  --gold:#c5a46d;
  --lavender:#b8a8c9;
  --mist:#d8d0e2;
  --sage:#aab39a;
  --olive:#7e8063;
  --olive-deep:#5e624d;
  --soft-ink:#595246;
  --taupe:#766b5d;
  --muted:#9a9083;

  --white-glass:#ffffff8f;
  --cream-glass:#f8f5efa8;
  --border:#c5a46d38;

  --shadow:0 24px 80px #7e806329;
  --shadow-soft:0 16px 50px #7e80631a;
  --ease:cubic-bezier(.19,1,.22,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}

.scens{
  background-color:var(--off);
  background-image:
    radial-gradient(at 100% 0%, #c5a46d24 0%, #0000 60%),
    radial-gradient(circle at 15% 10%, #d8d0e240 0, #0000 560px),
    radial-gradient(circle at 84% 30%, #aab39a30 0, #0000 540px),
    linear-gradient(180deg, var(--off), #f6f0e6 55%, #f4eee2 100%);
  background-attachment:fixed,scroll,scroll,scroll;
  color:var(--soft-ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:300;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}

/* ---- typography / layout primitives ------------------------------------ */
.scens .display{letter-spacing:-.045em;font-family:"Playfair Display",Georgia,serif;font-weight:400}
.scens .italic{font-style:italic}
.scens .container{width:min(1180px,100% - 48px);margin:0 auto}
.scens .section{padding:84px 0;position:relative}
.scens .section-soft{background:none;padding:84px 0}
.scens .eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--olive);align-items:center;gap:.72rem;font-size:.68rem;font-weight:600;display:inline-flex}
.scens .eyebrow::before{content:"";background:linear-gradient(90deg,var(--gold),transparent);width:26px;height:1px}
.scens .section-title{color:var(--olive-deep);margin-top:1.2rem;font-size:clamp(2rem,8vw,2.8rem);line-height:.98}
.scens .lead{color:#595246bf;max-width:620px;font-size:1.06rem;line-height:1.85}

/* ---- scroll progress ---------------------------------------------------- */
.scens .progress,.progress{background:linear-gradient(90deg,var(--sage),var(--lavender),var(--gold));z-index:60;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}

/* ---- nav ----------------------------------------------------------------*/
.scens .nav{
  z-index:50;
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  backdrop-filter:blur(24px) saturate(160%);
  background:#fcfaf68c;
  border:1px solid #c5a46d2e;
  border-radius:999px;
  justify-content:space-between;align-items:center;
  width:calc(100% - 32px);
  height:58px;
  padding:0 10px 0 18px;
  display:flex;
  position:fixed;top:18px;left:50%;
  transform:translate(-50%);
  box-shadow:0 18px 70px #7e80631a;
}
.scens .nav-logo{align-items:center;height:18px;display:inline-flex}
.scens .nav-logo img{width:auto;height:100%;display:block}
.scens .nav-links{align-items:center;gap:1.7rem;margin:0;padding:0;display:none}
.scens .nav-links a{letter-spacing:.22em;text-transform:uppercase;color:#5e624db8;transition:.35s var(--ease);font-size:.68rem}
.scens .nav-links a:hover{color:var(--gold)}
.scens .nav-contact{height:38px;color:var(--olive-deep);letter-spacing:.2em;text-transform:uppercase;background:#aab39a38;border:1px solid #7e806329;border-radius:999px;align-items:center;padding:0 14px;font-size:.62rem;display:none}

/* ---- hero ----------------------------------------------------------------*/
.scens .hero{place-items:center;min-height:auto;padding:110px 0 60px;display:grid;position:relative;overflow:hidden}
.scens .hero-grid{grid-template-columns:1fr;align-items:center;gap:2.8rem;display:grid}
.scens .hero h1{color:var(--olive-deep);max-width:760px;font-size:clamp(2.6rem,11vw,3.6rem);line-height:.96}
.scens .hero-lead{color:#595246b8;max-width:540px;margin-top:1.6rem;font-size:1rem;line-height:1.85}
.scens .hero-sub{color:#5952468f;max-width:520px;margin-top:1.2rem;font-size:.88rem;line-height:1.8}
.scens .hero-highlight{color:#3a322ad1;max-width:28rem;margin-top:1rem;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1.05rem;line-height:1.6}
.scens .hero-ctas{flex-wrap:wrap;gap:.6rem;margin-top:2.6rem;display:flex}

.scens .btn{letter-spacing:.12em;text-transform:uppercase;min-height:50px;width:100%;
  transition:transform .45s var(--ease),background .45s var(--ease),border .45s var(--ease),color .45s var(--ease);
  cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;
  padding:0 1.35rem;font-size:.78rem;display:inline-flex;position:relative;overflow:hidden}
.scens .btn::after{content:"→";transition:.45s var(--ease)}
.scens .btn:hover{transform:translateY(-2px)}
.scens .btn:hover::after{transform:translateX(4px)}
.scens .btn-primary{color:#fff;background:linear-gradient(135deg,#aab39af2,#c5a46ddb);border:1px solid #ffffff59;box-shadow:0 18px 46px #7e806330}
.scens .btn-secondary{color:var(--olive-deep);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8f;border:1px solid #c5a46d40}

.scens .hero-visual{order:-1;perspective:1200px;min-height:360px;position:relative}
.scens .scent-frame{
  box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  backdrop-filter:blur(28px) saturate(145%);
  transition:transform .2s var(--ease);
  background:linear-gradient(150deg,#ffffff70,#ffffff1a);
  border:1px solid #ffffffb8;border-radius:34px;
  position:absolute;inset:0;overflow:hidden;transform:none;
}
.scens .scent-frame .scent-photo{object-fit:cover;opacity:.82;width:100%;height:100%;position:absolute;inset:0}
.scens .scent-frame::after{content:"";pointer-events:none;
  background:linear-gradient(120deg,#ffffffb8,#0000 30%,#ffffff38 55%,#0000 78%),
  radial-gradient(circle at 70% 28%,#b8a8c947,#0000 13rem),
  radial-gradient(circle at 28% 68%,#aab39a4d,#0000 14rem);
  position:absolute;inset:0}
.scens .bottle{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:150px;height:240px;
  transition:transform .2s var(--ease);
  background:linear-gradient(115deg,#ffffffdb,#ffffff38 52%,#c5a46d2e);
  border:1px solid #ffffffc2;border-radius:46px 46px 38px 38px;
  position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);
  box-shadow:0 30px 80px #7e80632e,inset 0 0 34px #ffffff8c}
.scens .bottle::before{content:"";background:linear-gradient(135deg,#dccfc0d9,#ffffff6b);border:1px solid #ffffffb8;
  border-radius:18px 18px 10px 10px;width:82px;height:60px;position:absolute;top:-52px;left:50%;transform:translateX(-50%)}
.scens .bottle::after{content:"SCENS";letter-spacing:.45em;color:#7e806399;font-family:"Playfair Display",Georgia,serif;
  font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.scens .orb{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s var(--ease);
  background:#ffffff75;border:1px solid #ffffff8c;border-radius:50%;animation:scens-float 9s ease-in-out infinite;
  position:absolute;box-shadow:inset 0 0 28px #ffffff80,0 20px 60px #7e806324}
.scens .orb.one{background:#d8d0e257;width:100px;height:100px;top:10%;left:2%}
.scens .orb.two{background:#c5a46d33;width:70px;height:70px;animation-delay:-2s;top:24%;right:4%}
.scens .orb.three{background:#aab39a47;width:90px;height:90px;animation-delay:-4s;bottom:8%;right:12%}
@keyframes scens-float{0%,100%{translate:0}50%{translate:0 -18px}}
.scens .thin-line{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.44;height:1px;position:absolute;bottom:14%;left:18%;right:12%}
.scens .scroll-hint{letter-spacing:.35em;text-transform:uppercase;color:#7e806385;font-size:.64rem;position:absolute;bottom:28px;left:50%;transform:translateX(-50%)}

/* ---- A SCENS --------------------------------------------------------------*/
.scens .intro-layout{grid-template-columns:1fr;align-items:start;gap:2.8rem;display:grid}
.scens .intro-copy{position:relative;top:auto}
.scens .intro-image{min-height:420px;box-shadow:var(--shadow-soft);border:1px solid #ffffffb8;border-radius:42px;position:relative;overflow:hidden}
.scens .intro-image img{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}

.scens .pilares{grid-template-columns:1fr;gap:1rem;margin-top:3.2rem;display:grid}
.scens .mini-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.55s var(--ease);
  background:#ffffff6b;border:1px solid #c5a46d24;border-radius:26px;padding:1.25rem}
.scens .mini-card:hover{box-shadow:var(--shadow-soft);background:#ffffff9e;transform:translateY(-4px)}
.scens .mini-card .icon{width:34px;height:34px;color:var(--olive);background:#c5a46d1a;border-radius:50%;place-items:center;margin-bottom:1rem;display:grid}
.scens .mini-card h3{letter-spacing:.18em;text-transform:uppercase;color:var(--olive-deep);font-size:.72rem;font-weight:650}
.scens .mini-card p{color:#5952469e;margin-top:.72rem;font-size:.86rem;line-height:1.7}
.scens .mini-card svg{stroke:currentColor;stroke-width:1.45px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}

/* ---- Centro Criativo -------------------------------------------------------*/
#centro-criativo{position:relative}
#centro-criativo::before{
  content:"";
  position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(180deg,#f4f0eae0,#f4f0eabf 40%,#f4f0eae0),url("../assets/centro-criativo-bg.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
  pointer-events:none;
}
#centro-criativo>.container{position:relative;z-index:1}
.scens .center-panel{
  box-shadow:var(--shadow);
  -webkit-backdrop-filter:blur(28px) saturate(140%);
  backdrop-filter:blur(5px) saturate(140%);
  background:linear-gradient(135deg,#ffffff94,#ffffff3b);
  border:1px solid #ffffffb8;border-radius:40px;
  padding:40px 28px;position:relative;overflow:hidden}
.scens .center-panel::before{content:"";pointer-events:none;
  background:radial-gradient(circle,#b8a8c959,#0000 68%);
  height:360px;position:absolute;inset:auto -10% -20% 48%}
.scens .center-head{grid-template-columns:1fr;align-items:end;gap:1.5rem;display:grid;position:relative}
.scens .steps-grid{grid-template-columns:1fr;gap:1rem;margin-top:3rem;display:grid;position:relative}
.scens .step-card{min-height:auto;transition:.55s var(--ease);background:#fcfaf68f;border:1px solid #c5a46d26;border-radius:30px;padding:1.35rem}
.scens .step-card:hover{background:#ffffffbd;transform:translateY(-6px)}
.scens .step-num{color:var(--gold);letter-spacing:.12em;font-family:"Playfair Display",Georgia,serif;font-size:1.05rem}
.scens .step-card h3{letter-spacing:.18em;text-transform:uppercase;color:var(--olive-deep);margin-top:2rem;font-size:.72rem}
.scens .step-card p{color:#5952469e;margin-top:.9rem;font-size:.86rem;line-height:1.72}

/* ---- Perfumistas ------------------------------------------------------------*/
.scens .perfumistas{grid-template-columns:1fr;gap:1rem;margin-top:3rem;display:grid}
.scens .portrait-card{box-shadow:var(--shadow-soft);transition:.55s var(--ease);
  background:linear-gradient(#ffffff26,#ffffffa8),radial-gradient(circle at 52% 34%,#dccfc09e,#0000 15rem),linear-gradient(135deg,#f8f5ef,#efe8dd);
  border:1px solid #ffffffc7;border-radius:34px;padding:1.6rem}
.scens .portrait-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}
.scens .portrait-info h3{color:var(--olive-deep);font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;font-weight:400}
.scens .portrait-info span{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:.4rem;font-size:.66rem;display:block}
.scens .portrait-info p{color:#595246b3;margin-top:.85rem;font-size:.87rem;line-height:1.65}
.portrait-info {width: 96%;}
.scens .pending{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border:1px dashed #9a908366;border-radius:999px;margin-top:.6rem;padding:.25rem .55rem;font-size:.6rem;display:inline-block}
.scens .repertorio{max-width:48rem;text-align:center;margin:5rem auto 0;padding-top:3rem;border-top:1px solid #b8a89480}
.scens .repertorio p{color:#3a352ebf;max-width:none;margin-top:1.5rem;font-size:.875rem;line-height:1.7}

/* ---- Soluções ---------------------------------------------------------------*/
.scens .solutions-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:block}
.scens .solutions-head .lead{max-width:480px;margin-top:1.2rem}
.scens .solution-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}
.scens .solution-row.row-2{grid-template-columns:1fr}
.scens .solution-card,.scens .solution-card.tall,.scens .solution-card.full{
  border-radius:30px;flex-direction:column;min-height:0;display:flex;
  box-shadow:var(--shadow-soft);transition:.7s var(--ease);isolation:isolate;
  border:1px solid #ffffffb8;position:relative;overflow:hidden}
.scens .solution-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)}
.scens .solution-card .card-bg{object-fit:cover;width:100%;height:260px;position:relative;transition:transform 1.2s var(--ease)}
.scens .solution-card:hover .card-bg{transform:scale(1.04)}
.scens .solution-card .card-overlay{display:none}
.scens .solution-card small{color:var(--olive-deep);background:#c5a46d24;border:1px solid #c5a46d38;border-radius:999px;
  align-self:flex-start;margin:1.2rem 1.4rem 0;padding:.35rem .7rem;font-size:.66rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;position:static}
.scens .solution-card h3{color:var(--olive-deep);text-shadow:none;margin:.8rem 1.4rem 0;font-size:1.9rem;position:static;
  font-family:"Playfair Display",Georgia,serif;font-weight:400;letter-spacing:-.04em}
.scens .solution-card p{color:#595246b8;text-shadow:none;margin:.8rem 1.4rem 1.6rem;font-size:.9rem;line-height:1.65;position:static}

/* ---- Processo -----------------------------------------------------------------*/
.scens .process-line{grid-template-columns:1fr;gap:2.5rem 1rem;margin-top:3rem;display:grid;position:relative}
.scens .process-item{text-align:center;align-items:center;gap:1.1rem;display:flex;flex-direction:column;transition:transform .45s var(--ease)}
.scens .process-item:hover{transform:translateY(-4px)}
.scens .process-item .num{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold);letter-spacing:.12em;
  background:#f4f0eab8;border:1px solid #cbb8a280;border-radius:50%;place-items:center;width:64px;height:64px;
  font-family:"Playfair Display",Georgia,serif;font-size:1rem;display:grid;transition:background .45s var(--ease),border-color .45s var(--ease)}
.scens .process-item:hover .num{background:#ffffffd1;border-color:#c5a46d70}
.scens .process-item h3{color:var(--olive-deep);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}
.scens .process-item p{color:#5952469e;font-size:.84rem;line-height:1.65;max-width:220px}

/* ---- CTA final / Contato --------------------------------------------------------*/
.scens .cta-final{padding:90px 0 70px;position:relative;overflow:hidden}
.scens .cta-glass{
  box-shadow:var(--shadow);
  background:#fbf8f4;
  border:1px solid #e7e0d2;border-radius:34px;
  grid-template-columns:1fr;align-items:center;gap:2.8rem;padding:40px 24px;display:grid}
.scens .cta-glass h2{color:var(--olive-deep);font-size:clamp(2.1rem,8vw,3rem);line-height:.98}
.scens .cta-glass p{color:#595246a8;max-width:540px;margin-top:1.4rem;line-height:1.8}
.scens .cta-actions{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex;width:100%}
.scens .cta-actions>div{width:100%}

/* RD Station Forms (bricks builder) renderiza 1 coluna por padrão e aplica
   largura/flex via <style> injetado com seletor de ID (#rd-form-xxxxx); só
   !important consegue sobrepor essa regra sem depender do ID gerado. */
.scens .cta-actions .rd-form{margin-top:0!important;margin-bottom:0!important}
.scens .cta-actions .bricks-form__fieldset{flex-flow:row wrap!important;column-gap:1.1rem}
.scens .cta-actions .bricks-form__field{width:calc(50% - .55rem)!important;margin-bottom:8px!important}
.scens .cta-actions .bricks-form__field:has(textarea),
.scens .cta-actions .bricks-form__field.bricks-form__terms,
.scens .cta-actions .bricks-form__field.bricks-form__privacy{width:100%!important}
.scens .cta-actions .bricks-form__label{font-size:12.5px!important;margin-bottom:2px!important;line-height:1.2!important}
.scens .cta-actions .bricks-form__input:not(textarea){height:32px!important}
.scens .cta-actions textarea.bricks-form__input{min-height:42px!important;height:42px!important}
.scens .cta-actions .bricks-form__static{font-size:10.5px!important;line-height:1.4!important}
.scens .cta-actions .rd-button{height:40px!important;font-size:13px!important;margin-top:8px!important;margin-bottom:0!important}

@media (max-width:479px){
  .scens .cta-actions .bricks-form__field{width:100%!important}
}

/* ---- Contato (popup) ---------------------------------------------------------------*/
.scens .contact-modal{position:fixed;inset:0;z-index:200;padding:10px;display:none;place-items:center}
.scens .contact-modal.is-open{display:grid}
.scens .contact-modal-backdrop{position:absolute;inset:0;background:#3a3226b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.scens .contact-modal-panel{position:relative;z-index:1;width:min(760px,100%);max-height:98vh;overflow-y:auto;
  animation:contact-modal-in .4s var(--ease)}
.scens .contact-modal-panel .cta-glass{padding:26px 22px;gap:1rem;grid-template-columns:1fr}
.scens .contact-modal-panel .cta-glass h2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.08}
.scens .contact-modal-panel .cta-glass p{margin-top:.5rem;font-size:.86rem;line-height:1.5}
.scens .contact-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;border-radius:50%;
  border:1px solid #c5a46d40;background:#ffffffc2;color:var(--olive-deep);font-size:1.3rem;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:background .3s var(--ease)}
.scens .contact-modal-close:hover{background:#fff}
.scens.modal-open{overflow:hidden}
@keyframes contact-modal-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (min-width:621px){
  .scens .contact-modal-panel .cta-glass{border-radius:44px;padding:34px 44px}
}

/* ---- Footer ----------------------------------------------------------------------*/
.scens footer{color:#3a322abf;background:linear-gradient(#d8d0e28c,#b8a8c96b);margin-top:64px;padding:64px 0 36px}
.scens .footer-grid{border-top:1px solid #c5a46d2e;grid-template-columns:1fr;gap:2rem;padding-top:42px;display:grid}
.scens .footer-logo{display:block}
.scens .footer-logo img{width:auto;height:28px;display:block}
.scens .footer-tag{max-width:310px;margin-top:1rem;line-height:1.7}
.scens .footer-h4{text-transform:uppercase;letter-spacing:.24em;color:var(--gold);font-size:.68rem;font-weight:700}
.scens .footer-list{gap:.62rem;margin:1rem 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}
.scens .footer-list a{transition:.35s var(--ease)}
.scens .footer-list a:hover{color:var(--olive)}
.scens .footer-bottom{color:#5952466b;border-top:1px solid #c5a46d24;justify-content:space-between;margin-top:44px;padding-top:24px;
  font-size:.76rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}

/* ---- reveal-on-scroll -------------------------------------------------------------*/
.scens .reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(28px)}
.scens .reveal.visible{opacity:1;transform:translateY(0)}
.scens .reveal.delay-1{transition-delay:80ms}
.scens .reveal.delay-2{transition-delay:.16s}
.scens .reveal.delay-3{transition-delay:.24s}

@media (prefers-reduced-motion:reduce){
  .scens .reveal{transition:none;opacity:1;transform:none}
  .scens .orb{animation:none}
  .scens .btn,.scens .mini-card,.scens .step-card,.scens .portrait-card,.scens .solution-card,.scens .process-item,.scens .card-bg{transition:none}
}

/* ==========================================================================
   Breakpoints — tablet (>=621px) and desktop (>=981px)
   ========================================================================== */
@media (min-width:621px){
  .scens .pilares,.scens .steps-grid,.scens .footer-grid{grid-template-columns:1fr 1fr}
  .scens .hero h1{font-size:clamp(3rem,8vw,4.6rem)}
  .scens .section-title{font-size:clamp(2.4rem,6vw,3.4rem)}
  .scens .cta-glass h2{font-size:clamp(2.6rem,6vw,3.8rem)}
  .scens .btn{width:auto}
  .scens .center-panel{border-radius:48px;padding:48px 36px}
  .scens .cta-glass{border-radius:44px;padding:56px 40px}
}

@media (min-width:981px){
  .scens .nav{width:min(1120px,100% - 32px);height:66px;padding:0 16px 0 24px}
  .scens .nav-logo{height:22px}
  .scens .nav-links{display:flex}
  .scens .nav-contact{display:flex;height:42px;padding:0 18px;font-size:.68rem}

  .scens .hero{min-height:100svh;padding:150px 0 80px}
  .scens .hero-grid{grid-template-columns:1.02fr .98fr;gap:5.5rem}
  .scens .hero-visual{order:0;min-height:620px}
  .scens .hero h1{font-size:clamp(3.4rem,7.2vw,7.8rem)}
  .scens .hero-lead{font-size:1.14rem;margin-top:2rem}
  .scens .hero-sub{font-size:.94rem}
  .scens .hero-ctas{gap:.9rem}

  .scens .scent-frame{inset:8% 0 4% 6%;border-radius:44px;transform:rotateY(-7deg) rotateX(2deg) translate3d(var(--px,0),var(--py,0),0)}
  .scens .bottle{width:210px;height:338px;transform:translate(-50%,-50%) translate3d(var(--px,0),var(--py,0),0)}
  .scens .orb{transform:translate3d(var(--px,0),var(--py,0),0)}
  .scens .orb.one{width:138px;height:138px}
  .scens .orb.two{width:88px;height:88px}
  .scens .orb.three{width:118px;height:118px}

  .scens .section,.scens .section-soft{padding:128px 0}
  .scens .section-title{font-size:clamp(2.25rem,5vw,5.2rem)}

  .scens .intro-layout{grid-template-columns:.9fr 1.1fr;gap:6rem}
  .scens .intro-copy{position:sticky;top:130px}
  .scens .intro-image,.scens .intro-image img{min-height:560px}
  .scens .pilares{grid-template-columns:1fr 1fr;margin-top:3.2rem}

  .scens .center-panel{border-radius:56px;padding:56px}
  .scens .center-head{grid-template-columns:.85fr 1.15fr;gap:4rem}
  .scens .steps-grid{grid-template-columns:repeat(4,1fr);margin-top:4rem}
  .scens .step-card{min-height:240px}

  .scens .perfumistas{grid-template-columns:1fr 1fr;margin-top:4rem}
  .scens .portrait-card{border-radius:42px;padding:2.25rem}
  .scens .portrait-info h3{font-size:1.6rem}

  .scens .solutions-head{display:flex}
  .scens .solution-row{grid-template-columns:1.1fr .9fr}
  .scens .solution-row.row-2{grid-template-columns:.82fr 1.18fr}
  .scens .solution-card,.scens .solution-card.tall,.scens .solution-card.full{
    display:block;border-radius:40px;min-height:360px}
  .scens .solution-card.tall{min-height:500px}
  .scens .solution-card.full{min-height:380px}
  .scens .solution-card .card-bg{position:absolute;inset:0;height:100%}
  .scens .solution-card .card-overlay{display:block;z-index:1;pointer-events:none;
    background:linear-gradient(#ffffff1a 0%,#fff0 30%,#f8f5ef40 55%,#5e624d8c 100%);position:absolute;inset:0}
  .scens .solution-card small{z-index:2;color:#fff;background:#5e624d8c;border-color:#ffffff59;
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    position:absolute;top:2rem;left:2rem;margin:0}
  .scens .solution-card h3{z-index:2;color:#fff;text-shadow:0 2px 20px #5e624d66;
    font-size:clamp(1.8rem,3vw,3rem);position:absolute;bottom:5.5rem;left:2rem;right:2rem;margin:0}
  .scens .solution-card p{z-index:2;color:#ffffffe0;text-shadow:0 1px 12px #5e624d80;max-width:520px;
    position:absolute;bottom:1.8rem;left:2rem;right:2rem;margin:0}

  .scens .process-line{grid-template-columns:repeat(5,1fr);gap:2rem;margin-top:5rem}
  .scens .process-item .num{width:72px;height:72px;font-size:1.05rem}

  .scens .cta-final{padding:150px 0 110px}
  .scens .cta-glass{grid-template-columns:1fr;gap:2.8rem;border-radius:56px;padding:76px 64px}
  .scens .cta-actions{align-items:flex-start}

  .scens .footer-grid{grid-template-columns:1.4fr repeat(3,.8fr)}
  .scens .footer-bottom{flex-direction:row;align-items:center}
}