:root{color-scheme:dark;--ink:#08090c;--blue:#2aaef1;--muted:#9aa7b8;--white:#f3f5f8;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #77d5ff;outline-offset:6px}::selection{background:#2aaef1;color:#08090c}.skip{position:fixed;top:12px;left:12px;z-index:20;background:var(--blue);color:#08090c;padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{max-width:1800px;margin:auto;padding:25px 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12;gap:24px}.brand img{display:block;width:212px;height:auto}.header-end{display:flex;align-items:center;gap:32px}.preview-label{font-size:10px;color:#758599;letter-spacing:.08em}.contact{font-size:12px;font-weight:500;border-bottom:1px solid #4c6f82;padding:10px 0;white-space:nowrap}.contact span{margin-left:17px;color:var(--blue)}main{max-width:1800px;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:64px 4.5% 48px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.16em;color:#a5b5c5;margin:0 0 19px}.eyebrow span{display:inline-block;width:5px;height:5px;background:var(--blue);margin:0 10px 2px 0;box-shadow:0 0 12px #2aaef155}h1{font-family:Sora,Arial,sans-serif;font-weight:700;letter-spacing:-.055em;line-height:1.12;font-size:clamp(34px,4.4vw,75px);margin:0}h1 em{font-style:normal;color:var(--blue)}.intro-copy{font-size:13px;line-height:1.85;margin:0 0 4px;color:#a5b0bf;flex:none}.service-section{padding:0 4.5%}.service-guide{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.13em;color:#a2aab7;margin:0 0 19px}.desktop-help{letter-spacing:.035em;color:#728498}.desktop-help span{color:#9dbace;margin-left:18px}.touch-help{display:none}.panels{display:flex;height:clamp(430px,35vw,610px);isolation:isolate;gap:3px;padding-inline:34px;margin-inline:-34px;overflow:hidden}.panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;transform:skewX(-7deg);background:#101f29;border:1px solid #ffffff0e;transition:flex .7s var(--ease),border-color .5s;isolation:isolate}.panel.is-open{flex:2.85 1 0;border-color:#6acbff65}.panel:focus-within{z-index:2}.panel-art{position:absolute;inset:0 -52px;transform:skewX(7deg);background:#183140;overflow:hidden}.panel-art>img,.panel-art>video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.76);transition:filter .7s,opacity .5s,transform 1s var(--ease)}.panel-art>img{transform:scale(1.04)}.panel.is-open .panel-art>img{transform:scale(1.11);filter:saturate(1)}.panel-art>video{opacity:0;object-fit:cover;filter:none}.panel.has-preview .panel-art>video{opacity:1}.panel-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0205091c 0%,#03091124 28%,#050911a8 52%,#050a12ef 83%,#05080afc 100%);transition:background .4s}.panel-content{position:relative;height:100%;padding:29px 22px 26px;transform:skewX(7deg);display:flex;flex-direction:column;justify-content:flex-end}.panel-number{position:absolute;top:29px;left:22px;font-family:Sora,Arial,sans-serif;font-size:11px;letter-spacing:.06em;color:#eef5f9a3}.panel-toggle{border:0;background:none;padding:0;text-align:left;width:100%;position:relative}.panel-category{display:block;font-size:8px;letter-spacing:.12em;font-weight:500;line-height:1.6;color:#b6c3d0;margin-bottom:16px;min-height:26px}.panel .panel-title{font-family:Sora,Arial,sans-serif;font-weight:600;font-size:clamp(17px,1.45vw,25px);line-height:1.28;letter-spacing:-.04em;margin:0;text-wrap:balance}.toggle-symbol{display:block;color:#add4ec;font-weight:400;font-size:23px;margin-top:23px;line-height:1;transition:transform .35s;width:15px}.panel.is-open .toggle-symbol{transform:rotate(45deg)}.panel-details{display:grid;grid-template-rows:0fr;max-height:0;opacity:0;visibility:hidden;transition:max-height .65s var(--ease),opacity .25s,visibility .25s;overflow:hidden}.panel.is-open .panel-details{max-height:240px;opacity:1;visibility:visible;display:block;transition: max-height .65s var(--ease),opacity .45s .1s,visibility .25s}.panel-details p{font-size:12px;line-height:1.75;color:#c6d0dc;margin:17px 0 21px;max-width:260px;min-width:190px}.panel-details a{display:inline-block;font-size:11px;font-weight:600;border-bottom:1px solid #4a778d;padding-bottom:10px;line-height:1.5}.panel-details a span{margin-left:13px;color:#75d0ff}.media-note{display:block;font-size:8px;letter-spacing:.025em;color:#96a7b7;margin-top:20px;line-height:1.6}.panel.is-open .panel-toggle{margin-top:12px}.panel.is-open .panel-title{font-size:clamp(24px,2.1vw,36px)}.service-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:24px;color:#8190a0;font-size:8px;letter-spacing:.12em}.service-footer button{border:0;background:none;color:#a1b0bf;padding:3px 0;font-size:10px;letter-spacing:.025em}.service-footer button span{margin-left:12px;color:#bce3f8}.closing{margin:52px 4.5% 0;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 0 43px;border-bottom:1px solid #ffffff16}.closing p{font-family:Sora,Arial,sans-serif;font-size:19px;line-height:1.5;letter-spacing:-.025em;margin:0;color:#c1cbd8}.closing a{font-size:12px;border-bottom:1px solid #6b8697;padding:12px 0}.closing a span{color:var(--blue);margin-left:25px}.site-footer{max-width:1800px;margin:auto;display:flex;gap:24px;justify-content:space-between;padding:25px 4.5%;color:#7e8b9e;font-size:9px;letter-spacing:.06em}.site-footer a{letter-spacing:0}
/* Small constructed visuals are illustrations, never presented as client projects. */
.ugc .panel-art{background:radial-gradient(ellipse at 30% 10%,#205b54,#101f27 65%)}.ugc-art{position:absolute;inset:0;display:flex;justify-content:center;padding-top:45px}.phone{width:135px;height:255px;flex:none;background:linear-gradient(130deg,#b0be9e,#496c51);border:5px solid #080c0e;box-shadow:12px 20px 25px #0007;border-radius:20px;transform:rotate(11deg);position:relative;overflow:hidden}.phone-camera{background:#080c0e;border-radius:0 0 7px 7px;width:45px;height:9px;position:absolute;top:0;left:40px}.phone-kicker{position:absolute;top:25px;left:18px;font-family:Sora,sans-serif;letter-spacing:.23em;font-size:10px;color:#182b24}.bottle{width:40px;height:87px;background:linear-gradient(90deg,#172a20,#749770 30%,#334e36 70%,#111a14);border-radius:8px;position:absolute;top:63px;left:44px;box-shadow:10px 12px 10px #22362777;transform:rotate(-15deg)}.bottle:before{content:"";position:absolute;top:-10px;left:7px;width:26px;height:15px;border-radius:3px;background:#151d13}.bottle:after{content:"NERIVA";position:absolute;top:32px;left:4px;width:33px;letter-spacing:1px;font-size:6px;color:#dde7cc}.phone-caption{position:absolute;left:12px;bottom:24px;font-family:Sora,sans-serif;font-size:17px;line-height:1.2;letter-spacing:-.055em;color:#edf1df}.floating-tag{position:absolute;top:205px;left:calc(50% - 110px);font-size:7px;letter-spacing:.12em;background:#d7ecd8;color:#1b3625;padding:9px;transform:rotate(-8deg)}.aerial .panel-art>img{object-position:53% center}.trailers .panel-art>img{object-position:48% center}.longform .panel-art{background:radial-gradient(ellipse at 30% 20%,#35365c,#151826 65%)}.edit-art{width:265px;position:absolute;left:50%;top:60px;transform:translateX(-50%) rotate(-7deg)}.timecode{text-align:right;font-family:monospace;font-size:8px;color:#b8aecf;margin-bottom:10px}.edit-monitor{height:135px;background:linear-gradient(115deg,#1d223f,#607079);border:3px solid #0c121c;position:relative;overflow:hidden}.edit-monitor>span{position:absolute;bottom:12px;left:13px;font-family:Sora,sans-serif;font-size:18px;line-height:1.1;font-weight:600;letter-spacing:-.02em}.edit-orb{width:95px;height:95px;border-radius:50%;position:absolute;top:15px;right:20px;background:radial-gradient(circle at 30% 30%,#d2d1ce,#655d9d 35%,#252438 75%);box-shadow:0 0 40px #716dbc55}.timeline{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:4px;position:relative;margin-top:14px}.timeline i{height:15px;background:#8c87caaa;border-left:3px solid #b5aee1}.timeline i:nth-child(n+4){background:#3e7f8aaa;border-color:#5da5b0}.timeline b{position:absolute;height:69px;width:1px;background:#e7c983;top:-7px;left:60%}.waveform{height:14px;margin-top:5px;background:repeating-linear-gradient(90deg,#9eb7a1 0 2px,transparent 2px 5px);opacity:.45;clip-path:polygon(0 25%,8% 50%,16% 0,24% 40%,35% 15%,45% 40%,60% 0,73% 20%,80% 40%,90% 10%,100% 40%,100% 70%,90% 90%,80% 60%,70% 90%,60% 100%,45% 60%,35% 85%,24% 60%,16% 100%,8% 50%,0 75%)}.cinematic .panel-art{background:radial-gradient(ellipse at 40% 10%,#5f4835,#1b161b 60%)}.cinema-art{position:absolute;inset:0;overflow:hidden}.light-ray{position:absolute;top:-40px;left:40%;width:130px;height:390px;background:linear-gradient(180deg,#ffdfbb28,transparent);transform:rotate(-24deg);filter:blur(15px)}.product-ring{width:116px;height:116px;border-radius:50%;border:12px solid #aa9471;background:radial-gradient(circle at 30% 30%,#4b5553,#0a1013 60%);box-shadow:inset 0 0 10px #caab7488,3px 8px 20px #0009,0 0 2px 2px #ffe0b2;position:absolute;left:50%;top:85px;transform:translateX(-50%) rotate(-20deg)}.product-ring>span{font-family:Sora,sans-serif;position:absolute;inset:0;display:grid;place-items:center;color:#d4ba91;font-size:43px}.cinema-brand{position:absolute;top:240px;left:0;width:100%;text-align:center;letter-spacing:.55em;font-size:11px;color:#cfc2ae}.product-shadow{height:25px;width:150px;position:absolute;top:221px;left:50%;transform:translateX(-50%);background:#0009;filter:blur(12px);border-radius:50%}.web .panel-art{background:linear-gradient(130deg,#203d49,#0e1822)}.web-art{position:absolute;left:50%;top:65px;width:260px;transform:translateX(-50%) rotate(8deg);box-shadow:0 15px 35px #0008;border:1px solid #70829155}.browser-bar{display:flex;gap:4px;align-items:center;background:#e0e3df;height:16px;padding-inline:7px}.browser-bar i{width:3px;height:3px;border-radius:50%;background:#98a4a1}.browser-bar span{font-size:5px;color:#728080;margin-left:40px}.web-preview{background:#f3efe3;min-height:210px;padding:17px 22px;color:#163c3c}.web-wordmark{font-family:Sora,sans-serif;font-size:6px;font-weight:700;line-height:1.2;display:block}.web-preview-heading{font-family:Sora,sans-serif;font-size:27px;line-height:1.12;font-weight:600;letter-spacing:-.055em;margin-top:18px}.web-preview-heading em{font-style:normal;color:#418582}.web-preview-button{height:12px;width:66px;background:#234d45;border-radius:2px;margin-top:15px}.web-preview-grid{display:flex;gap:7px;margin-top:19px}.web-preview-grid i{display:block;width:33.3%;height:45px;background:#cdcebf}.web-preview-grid i:nth-child(2){background:#aec4b9}.web-preview-grid i:nth-child(3){background:#d8b594}
@media(min-width:1800px){.panels{height:610px}.panel-content{padding:34px 30px}.panel-number{left:30px}}
@media(max-width:1100px){.intro{padding-top:45px}.panels{display:grid;grid-template-columns:repeat(3,1fr);height:auto;gap:12px;padding:0;margin:0;overflow:visible}.panel{transform:none;min-height:345px;transition:border-color .4s}.panel-art,.panel-content{transform:none}.panel-art{inset:0}.panel-content{min-height:345px;padding:22px}.panel-number{left:22px;top:22px}.panel .panel-title{font-size:24px}.panel.is-open .panel-title{font-size:27px}.panel.is-open .panel-content{min-height:480px}.panel:not(.is-open) .panel-category{min-height:0}.panel-details p{min-width:0}.panel-shade{background:linear-gradient(180deg,#04090d05 0%,#04090d44 32%,#04090dec 72%,#04090d 100%)}.panel-art>img{object-position:center top}.intro-copy{font-size:12px}.preview-label{display:none}.desktop-help{display:none}.touch-help{display:inline}.panel-details{transition:none}.panel.is-open .panel-details{transition:opacity .3s}.panel-category{font-size:8px}.closing{margin-top:38px}}
@media(max-width:650px){.site-header{padding:21px 6%;gap:14px}.brand img{width:155px}.contact{font-size:10px}.contact span{margin-left:7px}.intro{display:block;padding:39px 6% 29px}h1{font-size:clamp(32px,7.9vw,49px);letter-spacing:-.065em}.eyebrow{font-size:7px;letter-spacing:.09em;margin-bottom:18px}.intro-copy{font-size:12px;line-height:1.7;margin-top:20px}.intro-copy br{display:none}.service-section{padding-inline:6%}.service-guide{font-size:7px;letter-spacing:.06em;margin-bottom:15px}.panels{grid-template-columns:1fr;gap:10px}.panel{min-height:170px}.panel-content{min-height:170px;padding:27px 26px 25px 59px;justify-content:center}.panel-number{left:21px;top:29px;font-size:9px}.panel-toggle{padding-right:21px}.panel-category{font-size:7px;margin-bottom:10px;letter-spacing:.13em;color:#bbccdd}.panel .panel-title{font-size:25px;letter-spacing:-.035em}.panel .panel-title br{display:none}.panel .panel-title br:after{content:" "}.toggle-symbol{position:absolute;right:0;top:50%;margin:0;font-size:21px;transform:translateY(-50%)}.panel.is-open .toggle-symbol{transform:translateY(-50%) rotate(45deg)}.panel.is-open .panel-content{min-height:380px;justify-content:flex-end}.panel.is-open .panel-title{font-size:30px}.panel.is-open .panel-toggle{margin-top:65px}.panel-shade{background:linear-gradient(90deg,#050b14f0 0%,#050b14d4 38%,#050b1477 75%,#050b1477)}.panel.is-open .panel-shade{background:linear-gradient(0deg,#050b14fc 0%,#050b14d4 48%,#050b1450 100%)}.panel-art{inset:0 0 0 25%;opacity:.9}.panel.is-open .panel-art{inset:0}.panel-art>img{object-position:50% 40%}.ugc-art{padding-top:5px;transform:translateX(20%)}.edit-art{top:14px;width:230px}.cinema-art{transform:translate(30px,-50px)}.web-art{top:10px;width:220px}.panel.is-open .ugc-art{padding-top:25px;transform:none}.panel.is-open .edit-art{top:35px}.panel.is-open .cinema-art{transform:none}.panel.is-open .web-art{top:30px}.panel-details p{max-width:255px;font-size:12px}.panel-details a{font-size:11px}.media-note{margin-top:17px;font-size:8px}.service-footer{font-size:6px;letter-spacing:.07em;gap:10px;margin-top:19px}.service-footer button{font-size:9px}.closing{display:block;padding-bottom:27px;margin:35px 6% 0}.closing p{font-size:17px}.closing a{display:inline-block;margin-top:15px;font-size:11px}.site-footer{padding:23px 6%;flex-wrap:wrap;gap:14px;font-size:8px}.site-footer a{width:100%}.site-footer>span:nth-child(2){margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.panel-art>img{transform:none!important}}

.panel-title{display:block}

@media(min-width:1101px){.panel-number{left:58px}}

/* Vector interface icons stay monochrome on iOS and Android. */
.ui-icon{display:inline-block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em}

.contact,.panel-details a,.closing a,.service-footer button{display:inline-flex;align-items:center;gap:10px}
.contact .ui-icon,.panel-details a .ui-icon,.closing a .ui-icon{color:var(--blue)}
.desktop-help .ui-icon{width:14px;height:14px;margin-left:12px}
.toggle-symbol{display:grid;place-items:center;width:22px;height:22px}
.toggle-symbol .ui-icon{width:20px;height:20px}
.service-footer button{min-height:44px}
/* Readable labels and body copy; miniature artwork remains decorative. */
@media(max-width:1100px){
  .contact{font-size:14px;min-height:44px}
  .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.08em}
  .intro-copy{font-size:16px;line-height:1.65}
  .service-guide{font-size:11px;line-height:1.5;flex-wrap:wrap;gap:7px 16px}
  .panel-category{font-size:11px;line-height:1.5;letter-spacing:.08em}
  .panel-number{font-size:12px}
  .panel-details p{font-size:16px;line-height:1.65;min-width:0}
  .panel-details a{font-size:15px;line-height:1.5;min-height:44px;gap:10px;max-width:100%}
  .panel.is-open .panel-details{max-height:none}
  .media-note{font-size:12px;line-height:1.55;color:#aab9ca}
  .service-footer{font-size:11px;line-height:1.5;letter-spacing:.04em;flex-wrap:wrap;gap:5px 18px;color:#a8b6c7}
  .service-footer button{font-size:13px;gap:10px}
  .closing a{font-size:15px;line-height:1.5;min-height:44px}
  .site-footer{font-size:12px;line-height:1.6;letter-spacing:.03em;color:#a8b6c7;flex-wrap:wrap}
  .site-footer a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:650px){
  .site-header{gap:12px}
  .contact{gap:8px;white-space:nowrap}
  .intro{padding-top:34px}
  .eyebrow{margin-bottom:16px}
  .intro-copy{margin-top:20px}
  .service-guide{margin-bottom:17px}
  .panel,.panel-content{min-height:186px}
  .panel-content{padding-left:55px;padding-right:22px}
  .panel-number{left:20px;top:29px}
  .panel-toggle{padding-right:28px}
  .panel-category{margin-bottom:11px}
  .panel .panel-title{font-size:26px;line-height:1.25}
  .panel.is-open .panel-title{font-size:29px}
  .panel.is-open .panel-content{min-height:420px;padding-bottom:28px}
  .panel-details p{margin-top:20px;margin-bottom:17px;max-width:100%}
  .panel-details a{padding-bottom:9px}
  .media-note{margin-top:15px}
  .closing p{font-size:20px;line-height:1.5}
  .closing a{margin-top:18px;max-width:100%;gap:12px}
  .site-footer{gap:13px}
}
@media(max-width:380px){
  .brand img{width:140px}
  .site-header{gap:10px}
  .contact{font-size:13px;gap:7px}
  .panel-content{padding-left:49px;padding-right:20px}
  .panel-number{left:17px}
  .panel .panel-title{font-size:25px}
  .panel.is-open .panel-title{font-size:28px}
}


/* All six ambient loops are visible before the cards are selected. */
.panel-art>video{object-position:50% 32%}
.panel-art>img{object-position:50% 32%}
.web .panel-art,.longform .panel-art{background:#09111c}
.web .panel-art>img,.web .panel-art>video,.longform .panel-art>img,.longform .panel-art>video{object-fit:cover;object-position:50% 30%}
@media(max-width:650px){.panel.is-open .panel-art>img,.panel.is-open .panel-art>video{object-position:50% 22%}}

/* Preserve the requested category line breaks at every size. */
.panel .panel-title .category-break{display:block}
.panel .panel-title .category-break:after{content:none}

/* Keep neighboring titles inside their narrowing panels during expansion. */
@media(min-width:1101px){.panel{container-type:inline-size}.panel:not(.is-open) .panel-title{font-size:clamp(12px,10cqw,25px)}}