@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,600;1,700;1,800&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#1C1B38;--lime:#EAFB78;--violet:#B082F7;--plum:#75145A;--ivory:#EFEFEA;--paper:#F8F6F0;--header:74px;--ease:cubic-bezier(.17,1,.33,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--ivory);color:var(--navy);font-family:'DM Sans',Arial,sans-serif;overflow-x:clip}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}h1,h2,h3,p{margin:0}em{font-style:normal}img,video{display:block;max-width:100%}.skip{position:fixed;z-index:1000;top:-80px;left:15px;background:var(--lime);color:var(--navy);padding:12px}.skip:focus{top:7px}section{scroll-margin-top:0}
/* Global type: strong narrow grotesk for headlines, sober humanist text for reading */
.eyebrow,.kicker,.line-cta,.round-scroll,.header,.visual-status,.hero-footer,.film-head,.film-timeline,.event-location,.event-step-list,.featured-top,.brief-process,.form-heading,.form-action button,.media-upload,.specimen-top,.specimen-footer,.specimen-switch,.digital-price{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.header{position:fixed;z-index:200;inset:0 0 auto;height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:22px;background:rgba(28,27,56,.97);border-bottom:1px solid rgba(239,239,234,.2);padding:0 clamp(20px,4.2vw,70px);color:var(--ivory)}.identity{display:flex;align-items:center;width:230px;min-width:0;flex:0 0 auto}.identity img{width:100%;height:auto;max-height:59px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.1vw,34px);flex:1}.nav a{font-size:14px;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a.is-active{color:var(--lime)}.header-right{display:flex;align-items:center;gap:12px;flex:none}.lang-label{font-size:11px}.header-right select{height:40px;color:var(--ivory);background:transparent;border:1px solid rgba(239,239,234,.45);padding:0 9px;font:800 13px 'Barlow Condensed',sans-serif}.header-right select option{color:var(--navy)}.head-cta{background:var(--lime);color:var(--navy);padding:13px 17px;letter-spacing:.08em;font-size:14px;white-space:nowrap}.head-cta:hover{background:var(--violet)}.menu-toggle{display:none;border:1px solid rgba(239,239,234,.5);background:transparent;width:43px;height:43px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:22px;height:2px;background:var(--ivory)}
/* Scroll scenes: predictable isolated stages. Not stacked CSS from previous versions. */
.scroll-scene{position:relative;height:180vh;--p:0}.scene-pin{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;padding-top:var(--header)}
.hero{height:190vh;background:var(--ivory)}.hero-pin{background:var(--ivory)}.hero-text{position:absolute;top:clamp(135px,21vh,240px);left:5.5%;z-index:10;width:51%;max-width:800px}.eyebrow{font-size:13px;line-height:1.4;margin-bottom:28px}.hero h1{font:900 clamp(82px,10.6vw,198px)/.82 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.065em;max-width:760px;text-transform:uppercase}.hero h1>span{display:block}.hero-second{white-space:nowrap}.hero-second i{font-style:normal}.hero h1 em{display:inline-block;color:var(--plum);transform:translate3d(calc(var(--p) * 8vw),0,0);transition:transform .12s linear}.hero-text p{max-width:39ch;margin-top:31px;font-size:clamp(18px,1.45vw,23px);line-height:1.46;border-left:4px solid var(--plum);padding-left:20px;background:rgba(239,239,234,.86)}.round-scroll{display:inline-flex;align-items:center;gap:13px;margin-top:32px;font-size:15px}.round-icon{border:1.6px solid var(--navy);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font:27px 'DM Sans',sans-serif;transition:background .2s}.round-scroll:hover .round-icon{background:var(--lime)}.hero-footer{position:absolute;bottom:27px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:12px;color:rgba(28,27,56,.76);z-index:12}.hero-world{position:absolute;right:-8%;top:14%;width:60%;height:75%;z-index:3;overflow:visible;perspective:1200px;transform:translateX(calc(var(--p)*-7%))}.hero-warp{position:absolute;inset:4% 3% 4% 2%;background:linear-gradient(145deg,#CFC0EC 2%,#B082F7 34%,#75145A 62%,#1C1B38 92%);clip-path:polygon(37% 0,82% 7%,100% 33%,65% 59%,88% 100%,25% 95%,0 52%);transform:rotate(calc(var(--p)*-10deg));box-shadow:0 30px 80px rgba(28,27,56,.2);opacity:.94}.hero-stripe{position:absolute;inset:10% 20% 10% 1%;background:repeating-linear-gradient(92deg,transparent 0 44px,rgba(239,239,234,.44) 44px 54px,transparent 54px 75px);clip-path:polygon(22% 0,72% 0,100% 100%,32% 100%);transform:translateY(calc(var(--p)*-12%)) rotate(-5deg);mix-blend-mode:screen}.hero-portal{position:absolute;top:17%;left:28%;width:44%;height:60%;border-radius:48% 52% 49% 51%/38% 42% 58% 62%;border:20px solid var(--navy);box-shadow:17px 20px 0 rgba(28,27,56,.12);background:var(--lime);transform:rotate(calc(20deg + var(--p)*-24deg)) translateY(calc(var(--p)*-14%))}.hero-aperture{position:absolute;inset:18%;border-radius:inherit;background:var(--ivory);transform:rotate(-18deg) scale(calc(1 - var(--p)*.14));box-shadow:inset 12px 6px 0 rgba(28,27,56,.12)}.hero-pulse{position:absolute;inset:-17%;border-radius:inherit;border:1.5px solid rgba(239,239,234,.68);animation:breath 5s ease-in-out infinite alternate}.hero-veil{position:absolute;left:5%;bottom:8%;width:72%;height:18%;background:var(--plum);clip-path:polygon(0 32%,100% 0,84% 100%,14% 83%);transform:translateX(calc(var(--p)*9%)) rotate(-10deg)}.hero-pivot{position:absolute;right:9%;top:6%;width:18%;aspect-ratio:1;border-radius:50%;background:var(--lime);box-shadow:0 0 0 15px var(--navy);transform:translate3d(calc(var(--p)*-20%),calc(var(--p)*52%),0)}.hero-thread{position:absolute;top:10%;left:2%;width:85%;height:70%;border:1.5px solid var(--navy);border-radius:50%;transform:rotate(calc(-30deg + var(--p)*36deg));opacity:.58}.hero-caption{position:absolute;bottom:4%;right:18%;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.15em;color:var(--ivory)}
/* Common service text: keep every primary message on a solid readable panel. */
.chapter{height:180vh}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split--reverse>.visual{grid-column:1;grid-row:1}.split--reverse>.info{grid-column:2;grid-row:1}.info{position:relative;z-index:7;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(27px,4.6vw,78px);overflow:visible}.kicker{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid currentColor;padding-bottom:12px;margin-bottom:30px;font-size:13px;opacity:.88}.info h2,.digital-title h2,.about-heading h2,.brief-intro h2{font:900 clamp(56px,5.6vw,105px)/.87 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.055em;text-transform:uppercase;max-width:10.5ch}.info h2 em{display:inline-block;font-weight:700;font-style:italic}.info .intro-line{max-width:49ch;font-size:clamp(16px,1.25vw,21px);line-height:1.42;margin:22px 0 18px;font-weight:500}.info .intro-line strong{font-weight:800}.step-rule{display:flex;gap:6px;margin:9px 0 15px;flex-wrap:wrap}.step-rule button{padding:9px 12px;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.07em;border:1px solid currentColor;background:transparent;color:inherit;opacity:.58}.step-rule button.active{background:var(--navy);color:var(--lime);opacity:1}.offers{border-top:2px solid currentColor}.offers details{border-bottom:1px solid currentColor}.offers summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:9px 0;cursor:pointer}.offers summary::-webkit-details-marker{display:none}.offers summary span{display:flex;flex-direction:column;gap:3px}.offers summary strong{font-size:clamp(15px,1.1vw,18px);font-weight:800}.offers summary small{font-size:12px;line-height:1.23;font-weight:600}.offers summary b{font:900 clamp(21px,1.7vw,31px)/1 'Barlow Condensed',sans-serif;white-space:nowrap}.offers summary b small{display:inline;font-size:15px}.offers details>p{padding:3px 14px 14px 0;font-size:13px;line-height:1.4;max-width:60ch}.offers details[open] summary{color:var(--plum)}.line-cta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:12px 1px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;font-size:15px}.line-cta span:last-child{font:30px 'DM Sans',sans-serif;transition:transform .25s}.line-cta:hover span:last-child{transform:translate(4px,-4px)}.visual{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate}
/* CREATIVE: kinetic design system assembles into an identity. */
.creative{background:var(--violet)}.info--creative{background:var(--violet)}.info--creative h2 em{color:var(--plum)}.visual--creative{background:#F1F0E8}.design-surface{position:absolute;inset:0;--q:0}.design-surface::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(28,27,56,.1) 49%,transparent 50%),linear-gradient(transparent 48%,rgba(28,27,56,.08) 49%,transparent 50%);background-size:100px 100px;opacity:.4}.design-rule{position:absolute;background:var(--navy);transform-origin:left}.dr1{top:22%;left:11%;width:73%;height:3px;transform:rotate(calc(-34deg + var(--p)*30deg))}.dr2{left:20%;bottom:16%;width:65%;height:2px;transform:rotate(calc(24deg - var(--p)*18deg))}.design-type{position:absolute;font:900 clamp(160px,21vw,410px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.1em;transform-origin:center;transition:filter .3s}.dt1{top:2%;left:0;color:var(--navy);transform:translate(calc(var(--p)*25%),calc(var(--p)*20%)) rotate(calc(-14deg + var(--p)*14deg))}.dt2{top:40%;right:1%;color:var(--plum);transform:translate(calc(var(--p)*-25%),calc(var(--p)*-18%)) rotate(calc(12deg - var(--p)*12deg))}.dt3{top:20%;left:33%;color:var(--violet);transform:translate(calc(var(--p)*-6%),calc(var(--p)*28%)) rotate(calc(-18deg + var(--p)*18deg))}.design-target{position:absolute;left:24%;top:23%;width:50%;aspect-ratio:1;border:3px solid var(--navy);transform:rotate(calc(23deg - var(--p)*23deg)) scale(calc(.7 + var(--p)*.3));background:rgba(239,239,234,.2)}.target-inner{position:absolute;inset:22%;border:2px solid var(--plum);background:var(--lime);clip-path:polygon(0 0,100% 0,65% 100%,5% 80%);transform:rotate(calc(-25deg + var(--p)*25deg))}.design-swath{position:absolute;top:67%;left:10%;width:83%;height:13%;background:var(--lime);clip-path:polygon(0 20%,100% 0,95% 100%,10% 80%);transform:translateY(calc(var(--p)*-150%))}.design-line{position:absolute;top:6%;right:8%;width:22%;height:34%;border-right:2px solid var(--plum);border-top:2px solid var(--plum);border-radius:48%}.design-signature{position:absolute;right:5%;bottom:5%;font:900 14px 'Barlow Condensed',sans-serif;letter-spacing:.16em}.visual-status{position:absolute;left:6%;bottom:5%;right:40%;display:flex;flex-direction:column;gap:11px;font-size:13px}.status-bar{display:block;background:rgba(28,27,56,.2);height:3px}.status-bar i{display:block;width:calc(8% + var(--p)*92%);height:100%;background:var(--navy)}
/* CONTENT: real motion pictures in an editing bay, not posters. */
.content{background:var(--navy)}.info--content{background:var(--navy);color:var(--ivory)}.info--content h2 em{color:var(--violet)}.info--content .kicker{border-color:rgba(239,239,234,.42)}.visual--content{background:var(--plum)}.film-lab{position:absolute;inset:0;background:radial-gradient(circle at 25% 15%,rgba(176,130,247,.38),transparent 50%),#51133F;--f:0}.film-lab::before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 97%,rgba(239,239,234,.07) 98%);background-size:100% 68px;opacity:.7}.film-grain{position:absolute;inset:0;background:radial-gradient(circle at 60% 62%,rgba(234,251,120,.13),transparent 42%)}.film-gate{position:absolute;width:31%;height:61%;top:19%;overflow:hidden;border:3px solid rgba(239,239,234,.9);box-shadow:8px 12px 0 rgba(28,27,56,.4);background:var(--navy);transform-origin:center;transition:filter .3s}.film-gate video{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.12)}.film-gate span{position:absolute;bottom:13px;left:11px;background:var(--navy);color:var(--lime);font:900 14px 'Barlow Condensed',sans-serif;letter-spacing:.07em;padding:6px 9px}.gate-one{left:4%;transform:rotate(-6deg) translateY(calc(var(--p)*-25%))}.gate-two{left:34%;transform:rotate(2deg) translateY(calc((1 - var(--p)) * 13%))}.gate-three{right:4%;transform:rotate(7deg) translateY(calc(var(--p)*-31%))}.film-head{position:absolute;top:7%;left:7%;right:7%;display:flex;justify-content:space-between;color:var(--ivory);font-size:13px;gap:20px}.film-head strong{color:var(--lime)}.film-timeline{position:absolute;bottom:8%;left:6%;right:6%;height:10px;border:1px solid rgba(239,239,234,.5);display:flex;align-items:center;gap:7px;padding:2px}.film-timeline span{height:3px;background:var(--violet);flex:1}.film-timeline i{width:calc(6% + var(--p)*70%);background:var(--lime);height:5px;position:absolute;left:0;bottom:1px}.content-points{display:flex;gap:18px;flex-wrap:wrap;color:var(--violet);font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.09em;text-transform:uppercase;margin:4px 0 22px}.content-points span+span::before{content:'/';color:rgba(239,239,234,.45);margin-right:18px}.featured-offer{border:1px solid rgba(239,239,234,.5);padding:18px;background:rgba(239,239,234,.05)}.featured-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.featured-top b{color:var(--lime);font:900 35px 'Barlow Condensed',sans-serif}.featured-offer h3{font:900 37px 'Barlow Condensed',sans-serif;margin:0 0 6px}.featured-offer p{font-size:14px;line-height:1.4}
/* EVENTS: keep the panoramic approved video, with scroll controlled horizontal composition. */
.events{height:330vh;background:var(--plum)}.info--events{background:var(--plum);color:var(--ivory)}.info--events h2 em{color:var(--lime)}.info--events .kicker{border-color:rgba(239,239,234,.42)}.event-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0 11px}.event-step-list button{border:1px solid rgba(239,239,234,.5);background:transparent;color:var(--ivory);padding:9px 3px;font-size:13px;white-space:nowrap;letter-spacing:.03em}.event-step-list button.active,.event-step-list button:hover{background:var(--lime);border-color:var(--lime);color:var(--navy)}.event-step-desc{min-height:35px;font-size:14px;line-height:1.4;font-weight:600;margin-bottom:7px}.info--events .offers{border-color:rgba(239,239,234,.8)}.info--events .offers details{border-color:rgba(239,239,234,.42)}.info--events .offers details[open] summary{color:var(--lime)}.visual--events{background:radial-gradient(circle at 70% 50%,#403368,#1C1B38 76%)}.event-camera{position:absolute;inset:0;overflow:hidden;--x:0;--mx:0;--my:0}.event-camera video{position:absolute;left:0;top:0;height:100%;max-width:none;width:auto;min-width:calc(100% + 1px);object-fit:cover;object-position:center;transform-origin:left center;transform:translate3d(calc(var(--x)*-1px + var(--mx)*8px),calc(var(--my)*6px),0) scale(1.07);will-change:transform;filter:saturate(.95) contrast(1.02)}.event-location{position:absolute;bottom:32px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:var(--ivory);font-size:18px;text-shadow:0 1px 7px rgba(28,27,56,.6)}.event-location span{color:var(--lime);font-size:32px}.event-track{position:absolute;bottom:14px;left:30px;right:30px;height:3px;background:rgba(239,239,234,.35)}.event-track span{display:block;height:100%;width:calc((var(--p) * 94%) + 6%);background:var(--lime)}
/* DIGITAL: an actual mini-interactive website that changes format. */
.digital{height:180vh;background:var(--navy)}.digital-pin{background:var(--navy);color:var(--ivory)}.digital-title{position:relative;z-index:5;padding:clamp(55px,6.5vw,105px) 0 0 5%;width:47%}.digital-title h2{font-size:clamp(58px,6.15vw,118px);max-width:12ch}.digital-title h2 em{color:var(--lime);font-weight:700;font-style:italic}.digital-title>p{margin:23px 0;font-size:clamp(17px,1.3vw,21px);max-width:37ch;line-height:1.45}.digital-price{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:13px;font-size:15px}.digital-price strong{color:var(--lime)}.digital-title .line-cta{max-width:465px}.digital-specimen{position:absolute;right:5%;top:calc(var(--header) + 11%);width:45%;height:72%;border:2px solid rgba(239,239,234,.85);background:var(--paper);color:var(--navy);transform-origin:center;transform:translate3d(calc(var(--p)*-4vw),calc(var(--p)*-2vw),0) rotate(calc(7deg - var(--p)*11deg));box-shadow:16px 19px 0 rgba(176,130,247,.35);transition:width .4s var(--ease),height .4s var(--ease);overflow:hidden;display:flex;flex-direction:column}.digital-specimen:hover{box-shadow:18px 24px 0 rgba(234,251,120,.38)}.specimen-top,.specimen-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--navy);color:var(--ivory);font-size:12px;gap:12px}.specimen-top div{display:flex;gap:5px}.specimen-top i{display:block;width:9px;height:9px;border:1px solid var(--lime);border-radius:50%}.specimen-content{flex:1;min-height:0;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.specimen-disc{position:absolute;z-index:0;width:63%;aspect-ratio:1;top:10%;right:-16%;border:clamp(25px,4vw,62px) solid var(--plum);border-radius:50%;transform:rotate(26deg) scale(calc(.8 + var(--p)*.45));transition:background .4s,border-radius .4s}.specimen-content>span{position:relative;z-index:2;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.12em}.specimen-type{position:relative;z-index:2;display:flex;flex-direction:column;font:900 clamp(63px,6.1vw,119px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-.06em;align-self:flex-start;text-transform:uppercase}.specimen-type em{color:var(--plum)}.specimen-switch{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--navy);padding-top:12px}.specimen-switch button{border:1px solid var(--navy);background:var(--lime);color:var(--navy);font-size:13px;padding:11px 14px;text-transform:uppercase;letter-spacing:.08em}.digital-specimen.is-alt .specimen-disc{border-radius:16%;background:var(--lime);border-color:var(--navy)}.digital-specimen.is-alt .specimen-type em{color:var(--violet)}.digital-specimen.is-alt .specimen-content{background:var(--plum);color:var(--ivory)}.digital-specimen.is-alt .specimen-switch{border-color:var(--ivory)}.digital-specimen.is-alt .specimen-switch button{background:var(--violet)}
/* ABOUT: centered signature and copy; original artwork remains until real media is added. */
.about{background:var(--ivory);padding:calc(var(--header) + 40px) 5.2% 80px;min-height:96vh}.about-inner{max-width:1620px;margin:auto}.about .kicker{margin-bottom:48px}.about-composition{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.75fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,3vw,54px)}.about-heading h2{font-size:clamp(70px,7.2vw,146px);max-width:7.3ch}.about-heading h2 em{color:var(--plum);font-style:italic;font-weight:700}.about-voice{display:flex;flex-direction:column;gap:25px;font-size:clamp(16px,1.15vw,19px);line-height:1.55}.voice-strong{border-left:4px solid var(--violet);padding-left:16px;font-weight:750}.about-art{min-width:0}.two-hands{aspect-ratio:480/530;max-height:520px;background:var(--violet);position:relative;overflow:hidden;transition:transform .4s}.two-hands:hover{transform:rotate(-2deg)}.two-hands svg{width:100%;height:100%;display:block}.ink-path-one{animation:inkTurn 9s ease-in-out infinite alternate;transform-origin:50% 50%}.ink-path-two{animation:inkTurn 10s ease-in-out infinite alternate-reverse;transform-origin:50% 50%}@keyframes inkTurn{to{transform:translate(12px,-10px) rotate(2deg)}}.two-hands-label{position:absolute;left:20px;bottom:16px;background:var(--navy);color:var(--lime);font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.1em;padding:7px 10px}.about-art>img:not([hidden]),.about-art>video:not([hidden]){width:100%;aspect-ratio:480/530;object-fit:cover;max-height:520px}.about-art.has-upload .two-hands{display:none}.media-upload{display:inline-block;margin-top:18px;font-size:13px;cursor:pointer;padding-bottom:7px;border-bottom:2px solid currentColor}.media-upload:hover{color:var(--plum)}
/* BRIEF: serene editorial typographic close + visible form. */
.brief{background:var(--plum);color:var(--ivory);padding:calc(var(--header) + 38px) 5.2% 70px}.brief-inner{max-width:1630px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:5vw;margin:auto;align-items:start}.kicker--light{border-color:rgba(239,239,234,.45)}.brief-intro h2{font-size:clamp(61px,6.1vw,118px);max-width:12ch}.brief-intro h2 em{color:var(--lime);font-style:italic;font-weight:700}.brief-intro>p{font-size:clamp(18px,1.4vw,23px);line-height:1.45;max-width:43ch;margin:28px 0 34px}.brief-process{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;border-top:1px solid rgba(239,239,234,.4);padding-top:20px}.brief-process span:nth-child(even){color:var(--lime)}.project-form{color:var(--navy);background:var(--paper);padding:clamp(20px,3vw,42px);position:relative;min-width:0}.form-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:2px solid var(--navy);font-size:16px}.form-heading span:last-child{font-size:12px;font-weight:600;opacity:.7}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px;margin:22px 0 15px}.form-grid label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:700}.form-grid label>span{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;display:block;background:transparent;border:1px solid rgba(28,27,56,.35);border-radius:0;color:var(--navy);padding:11px 12px;outline:none}.form-grid textarea{resize:vertical;min-height:88px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--plum);outline:1px solid var(--plum)}.form-grid input::placeholder,.form-grid textarea::placeholder{color:rgba(28,27,56,.6)}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4}.consent input{margin-top:3px;accent-color:var(--plum)}.consent a{text-decoration:underline}.honeypot{position:absolute!important;left:-10000px;opacity:0;pointer-events:none}.form-action{margin-top:20px}.form-action button{border:0;background:var(--lime);color:var(--navy);width:100%;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;font-size:17px}.form-action button:disabled{opacity:.65;cursor:wait}#form-status{margin-top:12px;font:600 14px/1.4 'DM Sans',sans-serif;min-height:18px;white-space:normal;overflow-wrap:anywhere}.footer{background:var(--navy);color:var(--ivory);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5%;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.09em}.footer-brand{display:block;width:190px}.footer-brand img{width:100%;height:auto;max-height:60px;object-fit:contain;object-position:left center}
@keyframes breath{to{transform:scale(1.05);opacity:.7}}
/* Tablet: scenes become regular flow; no clipping or independent scroll. */
@media(max-width:1080px){:root{--header:66px}.header{padding:0 22px;gap:12px}.identity{width:185px}.nav{gap:12px}.nav a{font-size:12px}.head-cta{padding:10px}.hero-text{top:22%}.hero h1{font-size:clamp(76px,10vw,125px)}.info{padding:31px}.info h2{font-size:clamp(52px,6vw,83px)}.info .intro-line{font-size:17px}.brief-inner{gap:28px}.digital-title h2{font-size:clamp(57px,6vw,80px)}.about-composition{gap:22px}.about-heading h2{font-size:clamp(66px,8vw,108px)}}
@media(max-width:800px){:root{--header:62px}.header{padding:0 18px}.identity{width:174px}.nav{display:none;position:absolute;left:0;right:0;top:var(--header);padding:18px;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(239,239,234,.3)}.nav.open{display:flex}.nav a{padding:12px;font-size:19px;border-bottom:1px solid rgba(239,239,234,.2)}.menu-toggle{display:flex}.header-right{gap:7px}.lang-label{display:none}.head-cta{font-size:12px}.header-right select{height:36px}.scroll-scene,.events{height:auto}.scene-pin{position:relative;top:auto;height:auto;min-height:0;padding-top:var(--header);overflow:hidden}.hero-pin{min-height:880px}.hero-text{position:relative;left:auto;top:auto;padding:8vh 6% 0;width:100%;max-width:none}.hero h1{font-size:clamp(79px,13vw,140px);max-width:none}.hero-text p{max-width:550px;margin-top:24px}.hero-world{position:relative;right:auto;top:auto;width:88%;height:390px;margin:5px 5% 30px 10%;transform:none}.hero-footer{bottom:15px}.chapter>.scene-pin.split{display:flex;flex-direction:column;padding-top:var(--header)}.split--reverse>.visual,.split--reverse>.info{grid-column:auto;grid-row:auto}.info{padding:39px 6%;order:1}.visual{height:490px;min-height:490px;order:2}.chapter .kicker{margin-bottom:19px}.info h2{font-size:clamp(58px,8.5vw,105px)}.info .intro-line{max-width:580px;font-size:18px}.offers{max-width:720px}.featured-offer{max-width:650px}.event-camera video{min-width:100%;width:100%;height:100%;object-fit:cover;transform:none!important;object-position:50% 45%;will-change:auto}.event-location{left:18px;right:18px;bottom:28px}.event-track{left:18px;right:18px}.creative .visual{height:450px;min-height:450px}.content .visual{height:520px;min-height:520px}.digital-pin{min-height:0;padding-bottom:0}.digital-title{width:100%;padding:44px 6% 18px}.digital-title h2{font-size:clamp(66px,10vw,114px)}.digital-specimen{position:relative;top:auto;right:auto;width:min(80%,610px);height:470px;margin:20px auto 48px;transform:rotate(-2deg)!important}.about{padding:calc(var(--header) + 34px) 6% 58px}.about-composition{grid-template-columns:1fr 1fr;align-items:start}.about-heading{grid-column:1/-1}.about-heading h2{max-width:none;font-size:clamp(65px,9vw,111px)}.about-voice{font-size:17px}.brief{padding:calc(var(--header) + 29px) 6% 60px}.brief-inner{display:block}.brief-intro{margin-bottom:32px}.brief-intro h2{font-size:clamp(64px,9vw,106px);max-width:none}.brief-process{margin-bottom:18px}.project-form{max-width:820px;margin:auto}.footer{padding:20px 6%}}
@media(max-width:530px){:root{--header:60px}.header{gap:6px;padding:0 13px}.identity{width:126px}.head-cta{display:none}.header-right select{height:34px;font-size:12px}.menu-toggle{width:35px;height:35px}.hero-pin{min-height:720px}.hero-text{padding:68px 5% 0}.eyebrow{font-size:11px;margin-bottom:25px;max-width:300px}.hero h1{font-size:clamp(65px,15.4vw,91px);line-height:.86}.hero h1 .hero-second{white-space:nowrap}.hero h1 em{color:var(--plum)}.hero-text p{font-size:16px;margin-top:20px;padding-left:12px;max-width:340px}.round-scroll{margin-top:20px;font-size:12px}.round-icon{width:40px;height:40px}.hero-world{height:265px;width:105%;margin:24px -3% 40px -1%}.hero-portal{border-width:10px}.hero-footer{left:5%;right:5%;font-size:10px}.info{padding:32px 5% 36px}.kicker{font-size:11px;margin-bottom:17px!important}.info h2{font-size:clamp(54px,12.8vw,74px);line-height:.9}.info .intro-line{font-size:16px;margin:18px 0 14px}.step-rule button{font-size:12px}.offers summary strong{font-size:15px}.offers summary small{font-size:11px}.offers summary b{font-size:22px}.offers details>p{font-size:12px}.line-cta{font-size:13px}.visual{height:330px!important;min-height:330px!important}.design-type{font-size:clamp(125px,34vw,210px)}.dt1{left:3%}.dt2{right:6%}.dt3{left:37%}.design-target{left:21%;top:23%;width:55%}.visual-status{font-size:10px}.film-gate{border-width:2px;height:62%}.film-head{font-size:10px}.film-gate span{font-size:11px}.event-step-list{grid-template-columns:repeat(2,1fr)}.event-step-list button{font-size:12px}.event-step-desc{font-size:13px}.event-location span{font-size:23px}.digital-title{padding:31px 5% 10px}.digital-title h2{font-size:clamp(55px,12.5vw,74px)}.digital-title>p{font-size:16px}.digital-specimen{width:85%;height:340px;margin:19px auto 33px}.specimen-top,.specimen-footer{font-size:9px;padding:8px}.specimen-content{padding:17px}.specimen-type{font-size:clamp(45px,11vw,73px)}.specimen-switch button{font-size:10px;padding:8px}.about{padding:calc(var(--header) + 25px) 5% 50px}.about-composition{grid-template-columns:1fr}.about-heading h2{font-size:clamp(66px,13.9vw,89px)}.about-voice{font-size:16px;gap:16px}.about-art{width:min(92%,410px);margin:auto}.two-hands{max-height:none}.brief{padding:calc(var(--header) + 22px) 5% 45px}.brief-intro h2{font-size:clamp(59px,13.3vw,84px)}.brief-intro>p{font-size:17px}.brief-process{font-size:12px;gap:7px}.project-form{padding:18px}.form-grid{grid-template-columns:1fr;gap:13px}.form-grid label.wide{grid-column:auto}.form-heading{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.footer{flex-wrap:wrap;gap:15px;font-size:11px}.footer-brand{width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero h1 em,.digital-specimen,.event-camera video{transform:none!important}}

/* Final editorial refinements after responsive QA — no repeated paper-frame imagery. */
[hidden]{display:none!important}
@media(min-width:801px){
 .info--creative h2{font-size:clamp(53px,4.5vw,74px);max-width:16ch}
 .info--creative .intro-line{margin:15px 0 12px}
 .info--creative .kicker{margin-bottom:18px}
 .info--creative .offers summary{padding:6px 0}
 .info--creative .offers summary strong{font-size:16px}
 .info--creative .offers summary small{font-size:11px}
 .info--creative .line-cta{margin-top:10px;padding:9px 0}
 .info--events h2{font-size:clamp(51px,4.8vw,76px)}
 .info--events .intro-line{margin:14px 0 10px}
 .info--events .kicker{margin-bottom:18px}
 .info--events .offers summary{padding:7px 0}
 .info--events .line-cta{margin-top:10px}
}
.content-stage{position:absolute;inset:0;overflow:hidden;background:#3c1541;isolation:isolate}
.content-substrate{position:absolute;inset:-4%;background:linear-gradient(125deg,rgba(117,20,90,.78),rgba(28,27,56,.48)),url('assets/material-study.webp') center/cover no-repeat;filter:contrast(1.24) grayscale(.9);transform:scale(calc(1.04 + var(--p)*.16)) translate3d(calc(var(--mx,0)*-9px),calc(var(--my,0)*-8px),0);transform-origin:center;transition:filter .5s}
.content-stage::before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(28,27,56,.35) 1px,transparent 1px),linear-gradient(rgba(239,239,234,.14) 1px,transparent 1px);background-size:70px 70px;mix-blend-mode:screen;opacity:.4;pointer-events:none}
.content-cutout{position:absolute;top:-9%;left:15%;width:60%;height:120%;background:var(--violet);mix-blend-mode:screen;clip-path:polygon(0 0,100% 0,48% 100%,0 80%);transform:translateX(calc(var(--p)*47%)) skewX(-12deg);opacity:.78}
.content-iris{position:absolute;left:18%;top:18%;height:61%;width:58%;border:3px solid var(--ivory);overflow:hidden;transform:translate3d(calc(var(--p)*-17%),calc(var(--p)*16%),0) rotate(calc(-4deg + var(--p)*8deg));box-shadow:16px 16px 0 rgba(28,27,56,.5)}
.content-texture{position:absolute;inset:-45%;background:url('assets/material-study.webp') center/cover no-repeat;filter:grayscale(.9) contrast(1.4);transform:scale(1.08) translateX(calc(var(--p)*-8%));}
.content-iris::before{content:'';position:absolute;z-index:2;inset:0;border:25px solid rgba(28,27,56,.38);pointer-events:none;clip-path:polygon(0 0,100% 0,100% 22%,22% 22%,22% 78%,100% 78%,100% 100%,0 100%)}
.content-iris::after{content:'';position:absolute;z-index:2;bottom:7%;left:8%;width:35%;height:8%;background:var(--lime);transform:rotate(-12deg)}
.content-brushline{position:absolute;z-index:3;left:-15%;top:50%;height:14px;width:140%;background:var(--lime);clip-path:polygon(0 20%,100% 0,100% 65%,0 100%);transform:translateY(calc(var(--p)*250px)) rotate(calc(-7deg + var(--p)*16deg));mix-blend-mode:screen}
.content-timecode{position:absolute;z-index:4;top:8%;left:8%;right:8%;display:flex;justify-content:space-between;gap:12px;color:var(--ivory);font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em}
.content-stage-footer{position:absolute;bottom:9%;left:8%;right:8%;z-index:4;display:flex;align-items:center;gap:15px;justify-content:space-between;color:var(--ivory);font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.content-stage-progress{display:block;width:25%;height:3px;background:rgba(239,239,234,.4)}.content-stage-progress i{display:block;width:calc(15% + var(--p)*85%);height:100%;background:var(--lime)}
@media(max-width:800px){.content-iris{width:59%;left:20%;top:12%;height:70%}.content-timecode{top:5%}.content-stage-footer{bottom:5%}}
@media(max-width:530px){.content-iris{top:12%;height:71%}.content-stage-footer{font-size:10px}.content-timecode{font-size:10px}}
/* Header stays opaque so previous pinned scenes cannot bleed through. */
.header{background:#1C1B38!important}

/* V20 — DIGITAL IS THE DEMONSTRATION, NOT A PICTURE OF A WEBSITE */
.digital-lab{--pointer-x:0;--pointer-y:0;position:absolute;right:4.5%;top:calc(var(--header) + 8%);width:47%;height:74%;overflow:hidden;isolation:isolate;border:1px solid rgba(239,239,234,.46);border-radius:50% 50% 46% 54% / 46% 42% 58% 54%;background:radial-gradient(ellipse at 50% 48%,#45335f,#261d45 59%,#19182f);box-shadow:0 0 0 20px rgba(176,130,247,.055),inset 0 0 90px rgba(176,130,247,.17);transition:border-radius 900ms var(--ease),background 900ms var(--ease),box-shadow 900ms var(--ease);transform:translate3d(calc(var(--p,0)*-1.8vw),calc(var(--p,0)*-1vw),0)}
.lab-grid{position:absolute;inset:-30%;opacity:.4;background:linear-gradient(90deg,rgba(239,239,234,.07) 1px,transparent 1px),linear-gradient(rgba(239,239,234,.07) 1px,transparent 1px);background-size:38px 38px;transform:rotate(-10deg) translate(calc(var(--pointer-x)*6px),calc(var(--pointer-y)*6px))}
.lab-outline{position:absolute;z-index:1;top:18%;left:-8%;width:116%;text-align:center;transform:rotate(-11deg) translate(calc(var(--pointer-x)*-12px),calc(var(--pointer-y)*-8px));transition:transform 300ms ease;pointer-events:none}
.lab-outline span{display:block;font:900 clamp(72px,10.4vw,190px)/.78 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:1.4px rgba(239,239,234,.45);text-transform:uppercase;white-space:nowrap}
.lab-outline span:last-child{padding-left:8%;color:rgba(239,239,234,.2);-webkit-text-stroke:0}
.lab-membrane{position:absolute;inset:auto;z-index:2;left:27%;top:17%;width:50%;aspect-ratio:1;border-radius:44% 56% 69% 31% / 40% 31% 69% 60%;background:radial-gradient(circle at 33% 35%,#eafb78 0 12%,#b082f7 17% 32%,#75145a 70%);box-shadow:inset -20px -25px 34px rgba(28,27,56,.42),0 24px 60px rgba(12,10,24,.43);filter:contrast(1.12);transform:translate3d(calc(var(--pointer-x)*28px),calc(var(--pointer-y)*18px),0) rotate(calc(-12deg + var(--p,0)*68deg));transition:border-radius 750ms var(--ease),background 750ms var(--ease),box-shadow 750ms var(--ease);animation:labBreath 8s ease-in-out infinite alternate}
.lab-membrane-core{position:absolute;inset:23%;border:2px solid rgba(239,239,234,.72);border-radius:50%;background:rgba(28,27,56,.42);backdrop-filter:blur(4px);box-shadow:0 0 0 14px rgba(239,239,234,.09)}
@keyframes labBreath{from{scale:.98}to{scale:1.04}}
.lab-inner{position:absolute;z-index:5;inset:0;padding:7% 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;pointer-events:none}
.lab-eyebrow{font:800 clamp(11px,.9vw,14px)/1.4 'Barlow Condensed',sans-serif;letter-spacing:.12em;max-width:24ch;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.lab-controls{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}
.lab-trigger{pointer-events:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--lime);border-radius:999px;padding:10px 15px;background:var(--lime);color:var(--navy);font:800 clamp(12px,1vw,15px) 'Barlow Condensed',sans-serif;letter-spacing:.045em;text-align:left;transition:transform 250ms ease,background 250ms ease}
.lab-trigger:hover{transform:translateY(-3px);background:var(--ivory)}
.lab-trigger:focus-visible{outline:3px solid var(--ivory);outline-offset:4px}
.lab-trigger-icon{font-size:23px;line-height:1}
.lab-reading{font:700 clamp(11px,.9vw,13px)/1.45 'DM Sans',sans-serif;text-align:right;max-width:12ch;color:var(--ivory)}
.digital-lab.is-transformed{background:radial-gradient(ellipse at 53% 50%,#75145a,#251f4b 70%);border-radius:25% 65% 21% 70% / 68% 28% 66% 31%;box-shadow:0 0 0 20px rgba(234,251,120,.08),inset 0 0 100px rgba(176,130,247,.32)}
.digital-lab.is-transformed .lab-membrane{border-radius:18% 64% 24% 62% / 58% 25% 65% 35%;background:radial-gradient(circle at 33% 35%,#eafb78 0 15%,#75145a 16% 49%,#b082f7 78%);transform:translate3d(calc(var(--pointer-x)*-24px),calc(var(--pointer-y)*-25px),0) rotate(calc(88deg + var(--p,0)*45deg)) scale(.87)}
.digital-lab.is-transformed .lab-outline{transform:rotate(7deg) translate(calc(var(--pointer-x)*-10px),calc(var(--pointer-y)*-10px))}
.digital-lab.is-transformed .lab-outline span:last-child{color:rgba(234,251,120,.55)}
.digital-lab.is-transformed .lab-trigger{background:var(--violet)}
/* About does not provide a public upload action; genuine assets are edited by owner in the plugin. */
.about-art{position:relative}
.two-hands{border-radius:0 50% 0 0;aspect-ratio:480/530;box-shadow:16px 16px 0 rgba(28,27,56,.13)}
.about .about-voice{position:relative;z-index:1}
.about-art::before{content:'';position:absolute;width:46%;height:46%;border:1.2px solid rgba(28,27,56,.38);border-radius:50%;top:-5%;right:-9%;z-index:2;pointer-events:none}
/* Mobile is composed, not a scaled desktop animation. */
@media(max-width:1080px){
 .digital-lab{width:48%;right:3%}.lab-outline span{font-size:clamp(60px,11vw,146px)}
}
@media(max-width:800px){
 .digital-pin{display:flex;flex-direction:column}
 .digital-lab{position:relative;top:auto;right:auto;transform:none;width:min(88%,560px);height:460px;margin:18px auto 50px;border-radius:45% 45% 42% 50% / 42% 50% 43% 57%}
 .digital-title{width:100%;padding:44px 6% 12px}
 .lab-outline span{font-size:clamp(75px,13vw,142px)}
}
@media(max-width:530px){
 .digital-lab{height:335px;width:92%;margin:13px auto 43px}
 .lab-inner{padding:8% 7%}
 .lab-outline span{font-size:clamp(55px,15vw,90px)}
 .lab-membrane{left:26%;top:18%;width:51%}
 .lab-trigger{padding:9px 12px;font-size:12px}
 .lab-reading{font-size:10px;max-width:13ch}
 .hero h1{letter-spacing:-.055em}
 .project-form .form-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){.lab-membrane{animation:none}.digital-lab,.lab-membrane,.lab-outline{transition:none;transform:none}}
/* QA fixes: keep desktop stage inside viewport and give critical text a stable reading layer. */
html{overflow-x:clip}
@media(min-width:801px){.hero-world{right:-2%;width:56%}}
.event-location{background:linear-gradient(90deg,rgba(28,27,56,.86),rgba(28,27,56,.58));border:1px solid rgba(239,239,234,.4);color:var(--ivory);border-radius:4px;padding:10px 14px;backdrop-filter:blur(8px)}
.event-location span,.event-location b{color:var(--ivory);text-shadow:0 1px 2px #1C1B38}
@media(max-width:530px){.hero h1 .hero-second{white-space:normal}.identity{width:156px}.hero h1{font-size:clamp(61px,14vw,88px)}}
/* V20 art-direction polish: graphic-print finish instead of a shiny 3D render. */
.lab-membrane{background:conic-gradient(from 18deg at 48% 51%,#75145A 0 24%,#B082F7 24% 48%,#EAFB78 48% 65%,#1C1B38 65% 78%,#75145A 78% 100%);box-shadow:7px 12px 0 rgba(28,27,56,.78),0 16px 32px rgba(12,10,25,.22);filter:none}
.lab-membrane-core{inset:24%;border:2px solid rgba(239,239,234,.7);background:rgba(28,27,56,.85);backdrop-filter:none;box-shadow:0 0 0 13px rgba(239,239,234,.15)}
.digital-lab.is-transformed .lab-membrane{background:conic-gradient(from -20deg at 50% 50%,#EAFB78 0 26%,#B082F7 26% 48%,#75145A 48% 78%,#1C1B38 78% 100%)}
.lab-inner{padding:12% 15% 14%;align-items:center}
.lab-eyebrow{align-self:center;text-align:center;max-width:30ch;color:var(--ivory)}
.lab-controls{flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}
.lab-reading{max-width:28ch;text-align:center;color:var(--ivory)}
@media(max-width:530px){.lab-inner{padding:13% 12% 14%}.lab-controls{gap:7px}.lab-trigger{font-size:11px}.lab-reading{font-size:10px}}

/* =========================================================
 V22 — SERVICE-LED ART DIRECTION
 Four language safe / no flat mockup images / no cards collage.
 ========================================================= */
:root{--navy:#1c1b38;--ivory:#efefea;--lime:#eafb78;--violet:#b082f7;--plum:#75145a}
section{isolation:isolate}section.chapter{overflow:clip} .scene-pin{overflow:hidden}
.hero h1,.info h2,.digital-title h2,.about h2,.brief h2{overflow-wrap:normal;word-break:normal;letter-spacing:-.058em}
.hero h1 em{color:#75145a;white-space:nowrap;text-shadow:0 0 .01em currentColor}

/* 1 — HERO: a single central decision branches into the four actual disciplines */
.hero-world{right:-1%;top:var(--header);width:55%;height:calc(100% - var(--header));transform:translate3d(calc(var(--p)*-5%),0,0);z-index:2;overflow:hidden}
.v22-hero-map{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 54% 43%,rgba(176,130,247,.2),transparent 50%)}
.v22-hero-ribbon{position:absolute;width:94%;height:66%;left:7%;top:18%;border-radius:55% 25% 65% 20%;background:linear-gradient(115deg,rgba(234,251,120,.88) 0%,rgba(176,130,247,.66) 37%,rgba(117,20,90,.72) 68%,rgba(28,27,56,.92) 100%);clip-path:polygon(0 17%,61% 0,100% 20%,65% 52%,100% 83%,45% 100%,0 79%,31% 50%);transform:rotate(calc(-10deg + var(--p)*35deg)) scale(calc(.94 + var(--p)*.16));filter:drop-shadow(30px 25px 20px rgba(28,27,56,.12));will-change:transform;}
.v22-hero-map::before{content:"";position:absolute;inset:4%;background:linear-gradient(rgba(28,27,56,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(28,27,56,.065) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,black);-webkit-mask-image:linear-gradient(to right,transparent,black)}
.v22-hero-stroke{position:absolute;border:1.4px solid rgba(28,27,56,.65);border-radius:50%;width:71%;height:77%;left:11%;top:9%;transform:rotate(-23deg);transition:transform .3s ease}
.v22-hero-stroke-a{transform:rotate(calc(-23deg + var(--p)*55deg))}
.v22-hero-stroke-b{width:82%;height:49%;left:11%;top:24%;border-color:rgba(117,20,90,.45);transform:rotate(calc(16deg - var(--p)*34deg))}
.v22-hero-axis{position:absolute;top:49%;left:7%;width:86%;display:flex;align-items:center;justify-content:center;gap:10px;transform:translateY(-50%) translateX(calc(var(--p)*4%));}
.v22-beam{height:2px;flex:1;background:var(--navy)}.v22-core{font:900 clamp(78px,11vw,196px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.1em;color:var(--navy);text-shadow:6px 6px 0 var(--lime)}
.v22-outcome{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;font:900 clamp(12px,.9vw,18px)/1 'Barlow Condensed',sans-serif;letter-spacing:.11em;color:var(--navy);padding:9px 14px;background:rgba(239,239,234,.85);box-shadow:0 3px 16px rgba(28,27,56,.08);border:1px solid rgba(28,27,56,.16);border-radius:20px;backdrop-filter:blur(9px);transform:translate3d(0,0,0);}
.v22-outcome i{width:8px;height:8px;border-radius:50%;background:var(--plum)}
.v22-outcome-creative{top:12%;left:10%;transform:translate(calc(var(--p)*-35px),calc(var(--p)*30px))}
.v22-outcome-content{top:15%;right:7%;transform:translate(calc(var(--p)*28px),calc(var(--p)*-25px))}
.v22-outcome-events{bottom:21%;left:4%;transform:translate(calc(var(--p)*-18px),calc(var(--p)*23px))}
.v22-outcome-digital{bottom:16%;right:7%;transform:translate(calc(var(--p)*20px),calc(var(--p)*18px))}
.v22-hero-datum{position:absolute;bottom:3%;right:8%;font:900 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.16em;color:var(--navy);text-transform:uppercase}

/* 2 — CREATIVE: resolve an expressive typographic system as you scroll */
.visual--creative{background:#eeeae2}
.v22-art-system{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 54% 43%,rgba(176,130,247,.22),transparent 60%)}
.v22-art-system::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(28,27,56,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,27,56,.06) 1px,transparent 1px);background-size:45px 45px;}
.v22-system-index{position:absolute;top:8%;left:8%;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.16em;z-index:5}
.v22-folio-outline{position:absolute;left:16%;top:16%;width:67%;height:63%;border:2px solid var(--navy);border-radius:2px;transform:rotate(calc(15deg - var(--p)*15deg)) scale(calc(.84 + var(--p)*.18));box-shadow:16px 16px 0 rgba(28,27,56,.07)}
.v22-folio-ink{position:absolute;left:22%;top:27%;width:53%;height:43%;background:linear-gradient(135deg,var(--plum) 0 40%,var(--violet) 40% 61%,var(--lime) 61%);clip-path:polygon(10% 6%,89% 0,100% 80%,45% 100%,0 69%);transform:rotate(calc(-29deg + var(--p)*23deg)) scale(calc(.75 + var(--p)*.45));filter:drop-shadow(12px 8px 0 rgba(28,27,56,.24));}
.v22-folio-mark{position:absolute;left:16%;top:34%;font:900 clamp(112px,15vw,220px)/.75 'Barlow Condensed',sans-serif;letter-spacing:-.11em;color:rgba(28,27,56,.91);transform:translate(calc(var(--p)*11vw),calc(var(--p)*-13vh)) scale(calc(.8 + var(--p)*.45));mix-blend-mode:multiply;white-space:nowrap}
.v22-folio-mark span{color:var(--plum);font-size:.45em;vertical-align:top}
.v22-folio-bands{position:absolute;left:9%;top:15%;width:67%;height:73%;transform:rotate(calc(-15deg + var(--p)*15deg));pointer-events:none}
.v22-folio-bands i{display:block;position:absolute;height:4px;background:var(--navy);transform-origin:left center;transform:scaleX(calc(.18 + var(--p)*.82));transition:opacity .2s}
.v22-folio-bands i:nth-child(1){width:100%;top:0;left:0}.v22-folio-bands i:nth-child(2){width:70%;top:40%;right:-18%;background:var(--lime);height:10px}.v22-folio-bands i:nth-child(3){width:82%;bottom:16%;left:18%;background:var(--plum)}.v22-folio-bands i:nth-child(4){width:44%;bottom:0;right:2%;height:2px}
.v22-concept-word{position:absolute;left:23%;top:57%;font:900 clamp(52px,8vw,120px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.08em;color:#efefea;text-shadow:3px 4px 0 var(--navy);mix-blend-mode:normal;transform:translate(calc(var(--p)*1vw),calc(var(--p)*-12vh));}
.v22-system-status{position:absolute;bottom:13%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:7px;padding:14px 18px;background:var(--navy);color:var(--ivory);font:900 clamp(13px,1.14vw,18px)/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;transform:translateY(calc((1 - var(--p))*12px))}
.v22-system-status b{color:var(--lime)}
.v22-folio-endline{position:absolute;bottom:4%;right:6%;font:700 11px/1.2 'DM Sans',sans-serif;max-width:65%;text-align:right}

/* 3 — CONTENT: scene has subject, phone, spectators, and a tracked selection window */
.v22-content-space{--mx:0;--my:0;position:absolute;inset:0;overflow:hidden;background:var(--navy);color:var(--ivory)}
.v22-content-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:32% 50%;transform:translate3d(calc(var(--p)*-3% + var(--mx)*-15px),calc(var(--my)*-12px),0) scale(calc(1.08 + var(--p)*.09));will-change:transform}
.v22-content-wash{position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,27,56,.77),transparent 42%),linear-gradient(90deg,rgba(28,27,56,.22),transparent 60%);pointer-events:none}
.v22-content-frame{position:absolute;z-index:2;width:34%;height:47%;top:18%;left:35%;border:2px solid rgba(239,239,234,.9);box-shadow:0 0 0 200vmax rgba(28,27,56,.05);transform:translate3d(calc(var(--p)*-35% + var(--mx)*20px),calc(var(--p)*14% + var(--my)*16px),0);transition:border-color .25s}
.v22-content-frame::before,.v22-content-frame::after{content:"";position:absolute;width:23px;height:23px;border:4px solid var(--lime)}
.v22-content-frame::before{left:-4px;top:-4px;border-right:0;border-bottom:0}.v22-content-frame::after{right:-4px;bottom:-4px;border-left:0;border-top:0}
.v22-content-frame span{position:absolute;left:12px;top:12px;font:900 14px 'Barlow Condensed',sans-serif;letter-spacing:.12em;background:var(--navy);padding:5px 7px}
.v22-content-frame i{position:absolute;top:21px;right:15px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(234,251,120,.18);animation:blink 2s ease-in-out infinite}
@keyframes blink{50%{opacity:.24}}
.v22-rec-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:1px solid var(--ivory);border-radius:50%}
.v22-rec-point::before,.v22-rec-point::after{content:"";position:absolute;background:var(--ivory)}.v22-rec-point::before{height:1px;width:46px;left:-9px;top:50%}.v22-rec-point::after{height:46px;width:1px;top:-9px;left:50%}
.v22-content-cutline{position:absolute;left:-10%;top:69%;height:5px;width:120%;background:var(--lime);transform:rotate(calc(-6deg + var(--p)*8deg)) translateY(calc(var(--p)*-14vh));opacity:.8}
.v22-content-stamp{position:absolute;top:7%;left:7%;max-width:60%;display:flex;flex-direction:column;gap:5px;padding:10px 14px;background:rgba(28,27,56,.62);border-left:4px solid var(--lime);backdrop-filter:blur(6px)}
.v22-content-stamp b{font:900 clamp(14px,1.7vw,28px)/1 'Barlow Condensed',sans-serif;letter-spacing:.03em}.v22-content-stamp small{font-size:12px}
.v22-content-steps{position:absolute;left:8%;right:8%;bottom:8%;display:flex;justify-content:space-between;gap:8px;z-index:3;font:900 clamp(14px,1.8vw,22px)/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.v22-content-steps span{border-bottom:2px solid rgba(239,239,234,.58);flex:1;padding-bottom:11px;transition:border-color .25s}

/* 4 — EVENTS preserve panorama and connect phases to footage */
.event-camera video{will-change:transform}
.v22-event-milestones{position:absolute;left:30px;right:30px;bottom:48px;display:flex;justify-content:space-between;gap:6px;z-index:3;pointer-events:none}
.v22-event-milestones span{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-shadow:0 2px 7px var(--navy);padding:4px 2px;color:var(--ivory)}
.event-track{bottom:34px}.event-location{bottom:90px;left:28px;right:auto;min-width:235px;padding:8px 12px}.event-location span{font-size:clamp(20px,2.2vw,32px)}

/* 5 — DIGITAL: this is an actual interface which can be changed, not a poster or decorative donut */
.digital-lab{--dx:0;--dy:0;right:3%;top:calc(var(--header) + 8%);width:51%;height:78%;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;overflow:visible;isolation:isolate}
.digital-title{width:43%;padding-top:clamp(60px,6.2vh,90px)}
.digital-title h2{font-size:clamp(58px,5.4vw,103px);max-width:14ch}
.v22-web-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1100px}
.v22-proto-shell{position:relative;width:min(100%,760px);height:min(88%,720px);min-height:470px;display:flex;flex-direction:column;color:var(--navy);background:#f2eee7;border:1px solid rgba(239,239,234,.7);box-shadow:30px 32px 0 rgba(176,130,247,.27),0 25px 70px rgba(0,0,0,.25);transform:rotateY(calc(var(--dx)*-8deg)) rotateX(calc(var(--dy)*7deg)) translateX(calc(var(--p)*-2%));transform-style:preserve-3d;transition:transform .4s ease,background .5s ease,color .5s ease;overflow:hidden}
.v22-proto-nav{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid currentColor;font:900 12px 'Barlow Condensed',sans-serif;letter-spacing:.16em}
.v22-proto-nav>div{display:flex;gap:16px}.v22-proto-nav i{width:8px;height:8px;border-radius:50%;background:var(--plum)}
.v22-proto-main{flex:1;position:relative;min-height:0;display:flex;align-items:center;overflow:hidden}
.v22-proto-mask{position:relative;z-index:3;padding:clamp(20px,5%,60px);width:76%;transform:translateY(calc(var(--p)*-3vh));pointer-events:none}
.v22-proto-mask>span{display:block;font:900 12px 'Barlow Condensed',sans-serif;letter-spacing:.15em;margin-bottom:20px}
.v22-proto-mask strong{display:block;font:900 clamp(44px,5.6vw,100px)/.84 'Barlow Condensed',sans-serif;letter-spacing:-.065em;text-transform:uppercase}
.v22-proto-mask strong em{color:var(--plum);font-style:italic;white-space:nowrap}
.v22-proto-model{position:absolute;right:-12%;top:8%;width:66%;height:82%;transform:translate3d(calc(var(--dx)*24px),calc(var(--dy)*20px),0) rotate(calc(-10deg + var(--p)*13deg));transition:transform .3s ease}
.v22-proto-arch{position:absolute;inset:10%;border-radius:48% 48% 0 0;border:clamp(20px,4vw,75px) solid var(--lime);border-bottom:none;transform:rotate(18deg);filter:drop-shadow(15px 12px 0 rgba(28,27,56,.16))}
.v22-proto-joint{position:absolute;left:38%;top:22%;width:25%;aspect-ratio:1;border-radius:50%;border:10px solid var(--navy);background:var(--violet)}
.v22-proto-ray{position:absolute;left:-25%;top:44%;width:115%;height:5px;background:var(--plum);transform:rotate(-26deg);box-shadow:0 12px 0 rgba(28,27,56,.06)}
.v22-proto-cta{z-index:4;position:absolute;left:6%;right:6%;bottom:6%;display:flex;align-items:center;justify-content:space-between;gap:10px;font:900 13px 'Barlow Condensed',sans-serif;letter-spacing:.07em}
.v22-proto-cta a{background:var(--navy);color:var(--ivory);padding:12px 15px;pointer-events:auto;transition:background .25s,color .25s}
.v22-proto-cta a:hover{background:var(--plum);color:var(--ivory)}
.v22-proto-footer{padding:12px 20px;display:flex;justify-content:space-between;gap:14px;border-top:1px solid currentColor;font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.v22-proto-switcher{position:absolute;z-index:5;right:0;bottom:-8%;display:flex;gap:10px}.v22-proto-switch{cursor:pointer;border:1px solid rgba(239,239,234,.5);background:var(--navy);color:var(--ivory);padding:10px 16px;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.09em}.v22-proto-switch.active{background:var(--lime);color:var(--navy)}
.v22-proto-shell.is-alt{background:var(--plum);color:var(--ivory)}
.v22-proto-shell.is-alt .v22-proto-mask{transform:translate(7%,-3%)}
.v22-proto-shell.is-alt .v22-proto-mask strong em{color:var(--lime)}
.v22-proto-shell.is-alt .v22-proto-model{transform:translate3d(calc(var(--dx)*18px - 30px),calc(var(--dy)*16px + 20px),0) rotate(20deg) scale(1.1)}
.v22-proto-shell.is-alt .v22-proto-arch{border-color:var(--violet);border-radius:15% 60% 65% 25%;transform:rotate(-15deg)}
.v22-proto-shell.is-alt .v22-proto-joint{background:var(--lime);border-color:var(--ivory)}
.v22-proto-shell.is-alt .v22-proto-ray{background:var(--lime)}
.v22-proto-shell.is-alt .v22-proto-cta a{background:var(--lime);color:var(--navy)}

/* 6 — ABOUT: main subject is the artist, artwork is explicitly conceptual until real portrait arrives */
.about{min-height:0;padding:calc(var(--header) + 20px) 5% clamp(35px,4vh,60px);overflow:hidden}
.about .kicker{margin-bottom:22px}
.about-composition{grid-template-columns:minmax(0,1.04fr) minmax(0,.92fr) minmax(0,1.12fr);gap:clamp(20px,2.6vw,45px);min-height:min(70vh,680px);align-items:center}
.about h2{font-size:clamp(66px,5.5vw,118px);line-height:.9;max-width:10ch}
.about-voice{font-size:clamp(17px,1.22vw,20px);gap:18px;line-height:1.5}
.v22-about-portrait{position:relative;width:100%;height:min(72vh,720px);min-height:450px;isolation:isolate;}
.v22-portrait-frame{position:absolute;inset:3% 6% 4% 8%;overflow:hidden;border-radius:48% 48% 2% 2%;background:#b082f7;border:2px solid var(--navy);box-shadow:18px 16px 0 rgba(176,130,247,.34)}
.v22-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:49% 38%;filter:grayscale(.62) contrast(1.11) saturate(.85);transform:scale(calc(1.02 + var(--q,0)*.06));transition:transform 1.1s cubic-bezier(.17,1,.33,1)}
.v22-portrait-orbit{position:absolute;z-index:4;pointer-events:none;border:1px solid var(--plum);border-radius:50%}
.v22-orbit-a{width:53%;height:22%;left:-14%;top:35%;transform:rotate(-34deg)}
.v22-orbit-b{width:46%;height:27%;right:-8%;top:7%;border-color:var(--navy);transform:rotate(34deg)}
.v22-portrait-glyph{position:absolute;z-index:4;left:-4%;bottom:7%;font:900 clamp(76px,9vw,170px)/.75 'Barlow Condensed',sans-serif;letter-spacing:-.08em;color:var(--lime);-webkit-text-stroke:2px var(--navy);text-shadow:10px 9px 0 var(--plum)}
.v22-portrait-caption{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:3px;color:var(--navy);background:var(--ivory);padding:10px 14px;border-left:3px solid var(--plum);max-width:85%}
.v22-portrait-caption span{font:700 11px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.06em}.v22-portrait-caption b{font:900 20px 'Barlow Condensed',sans-serif;letter-spacing:.03em}
/* Fill the about stage with content rather than a dead half-screen below */
.about-inner{padding-bottom:0}.about-voice .voice-strong{border-left:4px solid var(--violet);padding-left:17px}

/* 7 — BRIEF: one clear joined sentence, visible form and benefit framing */
.brief{padding:calc(var(--header) + 22px) 5.2% 55px}
.brief-intro h2{font-size:clamp(53px,5.0vw,92px);max-width:14ch;line-height:.87}
.brief-intro h2 em{display:block}
.v22-brief-benefit{margin:18px 0 0;max-width:40ch;font-size:15px;line-height:1.45;color:var(--ivory);opacity:.9}
.brief-process{gap:12px;flex-wrap:wrap}

@media(max-width:1120px){
 .digital-title{width:44%}.digital-title h2{font-size:clamp(48px,5.2vw,76px)}
 .v22-proto-mask strong{font-size:clamp(38px,5vw,62px)}
 .v22-proto-shell{min-height:420px}.about h2{font-size:clamp(51px,5.8vw,76px)}
}
@media(max-width:800px){
 .hero-world{right:0;top:var(--header);width:100%;height:52%;z-index:0;opacity:.88;transform:none}
 .v22-hero-axis{left:21%;width:60%;top:48%}.v22-core{font-size:clamp(85px,18vw,160px)}
 .v22-outcome{padding:7px 9px;font-size:11px}.v22-hero-datum{font-size:10px}
 .hero-text{z-index:2}
 .visual--creative,.visual--content{min-height:410px;overflow:hidden}
 .v22-system-status{font-size:12px;bottom:13%}.v22-folio-mark{font-size:clamp(110px,22vw,160px)}
 .v22-concept-word{font-size:clamp(50px,10vw,80px)}
 .v22-content-frame{width:33%;top:22%;left:39%}
 .v22-content-stamp{max-width:72%}.v22-content-stamp b{font-size:20px}
 .v22-event-milestones{bottom:40px}.event-track{bottom:30px}.event-location{bottom:80px}
 .digital-lab{position:relative;top:auto;right:auto;width:100%;height:auto;min-height:500px;padding:20px 4% 80px;overflow:visible}
 .v22-web-stage{position:relative;min-height:490px;inset:auto;align-items:flex-start}
 .v22-proto-shell{height:445px;min-height:0;max-width:700px}
 .v22-proto-switcher{bottom:24px;right:4%}
 .v22-proto-mask strong{font-size:clamp(46px,8.8vw,80px)}
 .about{padding-top:calc(var(--header) + 22px);padding-bottom:32px}
 .about-composition{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}
 .about-heading{grid-column:1/-1}.about-voice{grid-column:1;grid-row:2}.about-art{grid-column:2;grid-row:2}
 .about h2{font-size:clamp(56px,10vw,100px);max-width:none}
 .v22-about-portrait{height:440px;min-height:0}
}
@media(max-width:530px){
 .hero-world{height:58%;top:var(--header);opacity:.72}
 .hero-text{top:auto}
 .v22-hero-axis{left:23%;width:57%;top:51%}.v22-core{font-size:100px}
 .v22-outcome{font-size:10px}.v22-outcome-creative{top:14%;left:7%}.v22-outcome-content{right:8%;top:12%}.v22-outcome-events{left:5%;bottom:21%}.v22-outcome-digital{right:7%;bottom:17%}
 .v22-hero-datum{right:5%;bottom:4%;font-size:9px}
 .visual--creative,.visual--content{min-height:370px}.v22-folio-mark{font-size:115px}.v22-concept-word{top:55%;font-size:54px}
 .v22-system-status{padding:9px 8px;gap:4px;font-size:10px}.v22-system-status b{display:none}
 .v22-folio-endline{bottom:4%;font-size:10px}
 .v22-content-photo{object-position:36% 50%}
 .v22-content-stamp{left:5%;top:6%;max-width:83%;padding:8px}.v22-content-stamp b{font-size:17px}.v22-content-frame{top:27%;height:48%;left:43%}
 .v22-content-steps{bottom:4%;font-size:13px}
 .event-location{bottom:81px}.v22-event-milestones{left:14px;right:14px;bottom:44px}.event-track{left:14px;right:14px;bottom:35px}
 .digital-title h2{font-size:clamp(56px,11vw,90px)}
 .digital-lab{min-height:0;padding:7px 12px 70px}
 .v22-web-stage{min-height:375px}
 .v22-proto-shell{width:100%;height:370px;box-shadow:9px 11px 0 rgba(176,130,247,.3)}
 .v22-proto-nav{padding:10px 12px;font-size:9px}.v22-proto-nav>div{gap:8px}
 .v22-proto-mask{width:82%;padding:15px}.v22-proto-mask>span{font-size:9px;margin-bottom:10px}.v22-proto-mask strong{font-size:clamp(36px,9vw,55px)}
 .v22-proto-model{right:-20%;width:75%;top:18%;height:74%}
 .v22-proto-arch{border-width:23px}.v22-proto-joint{border-width:6px}
 .v22-proto-cta{left:4%;right:4%;bottom:6%;font-size:11px}.v22-proto-cta a{padding:9px 10px}
 .v22-proto-footer{padding:7px 12px;font-size:8px}
 .v22-proto-switcher{bottom:16px}.v22-proto-switch{font-size:11px;padding:8px 11px}
 .about{padding-left:5%;padding-right:5%}.about-composition{display:flex;flex-direction:column;align-items:stretch;gap:14px}.about-voice{gap:12px}.about h2{font-size:clamp(66px,13.7vw,90px)}
 .about-art{width:100%}.v22-about-portrait{height:min(88vw,470px);max-width:400px;margin:0 auto}
 .v22-portrait-frame{inset:2% 9% 5%}.v22-portrait-glyph{font-size:90px;left:1%;bottom:10%}
 .v22-portrait-caption{bottom:0;right:0}.v22-portrait-caption b{font-size:16px}
 .brief-intro h2{font-size:clamp(53px,11vw,75px);max-width:100%}
}
@media(prefers-reduced-motion:reduce){.v22-content-photo,.v22-folio-mark,.v22-proto-shell,.v22-about-portrait img,.v22-hero-ribbon,.v22-concept-word{transform:none!important}.v22-content-frame i{animation:none!important}}
/* V22 verified mobile guardrails: flow instead of percentages of an auto-height stage */
.hero h1 em{transform:translate3d(calc(var(--p) * 2.3vw),0,0)}
@media(max-width:800px){
 .hero-world{position:relative;top:auto;right:auto;width:100%;height:350px;margin:0 auto 18px;opacity:.90}
 .hero-text{position:relative;z-index:4}
 .hero h1{font-size:clamp(66px,11.4vw,104px);line-height:.84}
 .hero-second{white-space:nowrap}
 .hero h1 em{transform:none}
 .v22-proto-shell{transform:none!important}
}
@media(max-width:530px){
 .hero-world{position:relative;top:auto;right:auto;width:100%;height:272px;margin:10px auto 28px;opacity:.9}
 .hero h1{font-size:clamp(57px,12vw,69px);line-height:.87}
 .hero-text p{max-width:39ch}
 .v22-system-index{top:7%;left:6%;font-size:11px}
 .v22-folio-mark{top:34%;left:19%}
 .visual--creative,.visual--content{min-height:330px!important;height:330px!important}
 .v22-proto-shell{transform:none!important}
}
/* Artist scene responds to viewing position and pointer without displacing readable copy */
.v22-about-portrait{--qx:0;--qy:0;--q:0}
.v22-portrait-frame img{transform:translate3d(calc(var(--qx)*-14px),calc(var(--qy)*-11px),0) scale(calc(1.02 + var(--q)*.07));will-change:transform}
.v22-portrait-orbit{transform:translate3d(calc(var(--qx)*10px),calc(var(--qy)*8px),0) rotate(-24deg);transition:transform .3s ease}
.v22-orbit-b{transform:translate3d(calc(var(--qx)*-17px),calc(var(--qy)*-15px),0) rotate(32deg)}
.v22-portrait-glyph{transform:translate3d(calc(var(--qx)*-9px),calc(var(--qy)*8px),0);transition:transform .3s ease}
.v22-hero-axis{transform:translate3d(calc(var(--hx,0)*-12px),calc(var(--hy,0)*-7px),0) translateY(-50%);transition:transform .3s ease}
.v22-hero-ribbon{transform:translate3d(calc(var(--hx,0)*17px),calc(var(--hy,0)*15px),0) rotate(calc(-10deg + var(--p)*35deg)) scale(calc(.94 + var(--p)*.16));}
@media(prefers-reduced-motion:reduce){.v22-about-portrait img,.v22-portrait-orbit,.v22-portrait-glyph,.v22-hero-axis{transform:none!important}}

/* ============================================================
   MARYSABEL V23 — NARRATIVE ART DIRECTION
   Approved chrome muse. No MP graphics, no pointless shapes.
   Interactive originals are DOM + CSS, never pasted screenshots.
   ============================================================ */
.hero-world{right:0;top:var(--header);width:56%;height:calc(100% - var(--header));z-index:2;overflow:hidden;transform:none;perspective:none}
.v23-hero-atelier{--hx:0;--hy:0;--world:0;position:absolute;inset:0;background:#19172e;isolation:isolate;overflow:hidden}
.v23-hero-environment{position:absolute;inset:0;overflow:hidden;will-change:transform;transform:scale(1.06) translate3d(calc(var(--hx)*-11px),calc(var(--hy)*-11px),0)}
.v23-hero-environment img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:44% 43%;filter:contrast(1.08) saturate(.95);transform:scale(calc(1.04 + var(--p)*.10)) translateX(calc(var(--p)*-3%));transition:transform .1s linear}
.v23-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#1c1b38d6 0%,transparent 28%,transparent 76%,#1c1b3877),linear-gradient(0deg,#1c1b38dd,transparent 35%);pointer-events:none}
.v23-hero-interactive{position:absolute;inset:auto 4.5% 5% 4.5%;z-index:6;display:flex;flex-direction:column;gap:14px}
.v23-hero-explain{font:700 clamp(10px,.9vw,14px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:var(--ivory);max-width:55ch;text-shadow:0 1px 5px #1c1b38}
.v23-service-spectrum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.v23-service-spectrum button{border:0;border-top:2px solid rgba(239,239,234,.4);background:rgba(28,27,56,.58);min-height:55px;color:var(--ivory);padding:11px 5px 8px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;font:800 clamp(11px,1.05vw,15px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.06em;transition:background .3s,color .3s,border-color .3s}
.v23-service-spectrum button.active,.v23-service-spectrum button:hover{color:var(--navy);background:var(--lime);border-color:var(--lime)}
.v23-service-spectrum i{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--plum);transition:width .35s}
.v23-service-spectrum button.active i{width:100%}
.v23-hero-vectors{position:absolute;left:-20%;right:-10%;top:10%;height:72%;pointer-events:none;opacity:.82}
.v23-hero-vectors span{display:block;position:absolute;height:1px;background:var(--lime);transform-origin:left;transition:transform .4s ease,opacity .4s ease}
.v23-hero-vectors span:nth-child(1){top:24%;left:2%;width:50%;transform:rotate(-22deg) translateX(calc(var(--p)*25%))}.v23-hero-vectors span:nth-child(2){top:76%;left:50%;width:43%;background:var(--violet);transform:rotate(18deg)}.v23-hero-vectors span:nth-child(3){top:5%;left:70%;width:30%;background:var(--plum);transform:rotate(82deg)}
.hero-text{width:53%;top:clamp(130px,22vh,255px);background:transparent}
.hero h1{position:relative;z-index:10;font-size:clamp(76px,10.2vw,182px)}
.hero-text p{max-width:33ch}.hero-footer{pointer-events:none}
/* CREATIVE — one brief resolves into visual language rather than scattered floating jargon */
.visual--creative{background:#f4f1e9}
.v23-creative-world{--mx:0;--my:0;position:absolute;inset:0;background:linear-gradient(145deg,#f6f3ee,#e9e5df);overflow:hidden;isolation:isolate}
.v23-creative-world:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#1c1b3808 1px,transparent 1px),linear-gradient(90deg,#1c1b3808 1px,transparent 1px);background-size:64px 64px}
.v23-creative-brief{position:absolute;z-index:4;top:7%;left:8%;max-width:78%;display:flex;flex-direction:column;gap:6px;border-left:3px solid var(--plum);padding-left:15px;color:var(--navy)}
.v23-creative-brief small{font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.12em}.v23-creative-brief b{font:800 clamp(16px,1.65vw,24px)/1.15 'DM Sans',sans-serif;max-width:23ch}
.v23-creative-experiment{position:absolute;left:11%;right:9%;top:29%;bottom:17%;background:var(--navy);box-shadow:24px 28px 0 #b082f73d;transform:rotate(calc(-6deg + var(--p)*6deg)) translate3d(calc(var(--mx)*9px),calc(var(--my)*10px),0);transition:transform .15s linear;overflow:hidden;isolation:isolate}
.v23-c-type{position:absolute;z-index:5;left:8%;font:900 clamp(44px,7.1vw,132px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;color:var(--paper);transition:color .25s}
.v23-c-type-a{top:13%;transform:translateX(calc(-38% + var(--p)*38%))}.v23-c-type-b{top:39%;color:var(--lime);transform:translateX(calc(19% - var(--p)*19%))}.v23-c-type-c{top:64%;transform:translateX(calc(-17% + var(--p)*17%))}
.v23-c-outline{position:absolute;border:1px solid var(--paper);width:50%;height:71%;top:16%;left:24%;transform:rotate(calc(21deg - var(--p)*21deg));opacity:.46;transition:transform .1s linear}
.v23-c-color{position:absolute;pointer-events:none;transition:transform .1s linear}.v23-c-color-a{width:66%;height:18%;right:-20%;top:19%;background:var(--violet);transform:rotate(-13deg) translateX(calc(var(--p)*-28%))}.v23-c-color-b{width:48%;height:16%;left:-17%;bottom:3%;background:var(--plum);transform:rotate(19deg) translateX(calc(var(--p)*30%))}
.v23-creative-timeline{position:absolute;left:8%;right:8%;bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:4px}.v23-creative-timeline span{background:#1c1b383b}.v23-creative-timeline span:first-child{background:var(--plum)}
.v23-creative-caption{position:absolute;bottom:3%;left:8%;right:8%;display:flex;justify-content:space-between;gap:10px;font:800 11px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.04em}.v23-creative-caption small{font-size:9px;text-align:right;opacity:.7}
/* CONTENT — the camera's selection, not a mini poster over a photograph */
.visual--content{background:#100f22}.v23-content-world{position:absolute;inset:0;isolation:isolate;overflow:hidden;--mx:0;--my:0}
.v23-content-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:45% center;filter:contrast(1.08) saturate(.78);transform:scale(calc(1.12 + var(--p)*.16)) translate3d(calc(var(--p)*-3% + var(--mx)*-10px),calc(var(--my)*-7px),0);transition:transform .12s linear}
.v23-content-film{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#110f28c9 0%,transparent 32%)}
.v23-frame-big{position:absolute;left:34%;top:20%;width:44%;height:54%;border:1px solid #efefeab3;transform:translateX(calc((var(--p) - .5)*-36%));transition:transform .12s linear}
.v23-frame-big i{display:block;position:absolute;width:19px;height:19px;border:3px solid var(--lime)}.v23-frame-big i:nth-child(1){left:-3px;top:-3px;border-right:0;border-bottom:0}.v23-frame-big i:nth-child(2){right:-3px;top:-3px;border-left:0;border-bottom:0}.v23-frame-big i:nth-child(3){left:-3px;bottom:-3px;border-right:0;border-top:0}.v23-frame-big i:nth-child(4){right:-3px;bottom:-3px;border-left:0;border-top:0}
.v23-preview-frame{position:absolute;right:4%;top:8%;width:20%;aspect-ratio:9/16;border:2px solid #efefea;box-shadow:12px 10px 0 #1c1b38a8;background-image:url('assets/content-chrome-v22.webp');background-size:auto 130%;background-position:40% 48%;transform:translate(calc(var(--p)*-32%),calc(var(--p)*46%)) scale(.88);opacity:.96}
.v23-preview-frame:after{content:'';position:absolute;top:8px;left:45%;width:10%;height:3px;background:var(--lime)}
.v23-film-scan{position:absolute;left:-5%;top:50%;height:2px;width:110%;background:var(--lime);opacity:.6;transform:translateY(calc((var(--p) - .5)*35vh))}
.v23-content-labels{position:absolute;z-index:4;bottom:7%;left:7%;right:7%;display:flex;gap:8px;justify-content:space-between;color:var(--ivory)}.v23-content-labels span{flex:1;border-bottom:2px solid rgba(239,239,234,.65);padding:0 0 9px;font:800 clamp(14px,1.6vw,23px) 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-shadow:0 2px 7px #1c1b38}
.v23-content-world.phase-0 .v23-content-labels span:nth-child(1),.v23-content-world.phase-1 .v23-content-labels span:nth-child(2),.v23-content-world.phase-2 .v23-content-labels span:nth-child(3){border-color:var(--lime);color:var(--lime)}
/* DIGITAL — actual web behavior: layout rearranges and a responsive version exists. */
.digital-lab{--dx:0;--dy:0;width:53%;right:3%;top:calc(var(--header) + 6%);height:80%;padding:0;border:none;box-shadow:none;overflow:visible;background:none}
.v23-digital-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;--dx:0;--dy:0;perspective:1200px}
.v23-demo-browser{--detail:var(--lime);height:min(80%,670px);min-height:405px;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#f7f2ec;color:var(--navy);box-shadow:27px 31px 0 #b082f750,0 30px 80px #0005;transform:rotateY(calc(var(--dx)*-8deg)) rotateX(calc(var(--dy)*6deg)) translateX(calc(var(--p)*-3%));transition:width .6s var(--ease),transform .24s ease,background .45s ease;align-self:center;width:100%}
.v23-demo-header{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:14px;padding:13px 21px;border-bottom:1px solid #1c1b384d;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.v23-demo-symbol{display:grid;place-items:center;background:var(--navy);color:var(--ivory);width:27px;height:27px}.v23-demo-header nav{display:flex;gap:15px;margin-left:auto}.v23-demo-menu{display:none}
.v23-demo-body{position:relative;flex:1;display:grid;grid-template-columns:52% 48%;min-height:0;overflow:hidden}.v23-demo-copy{position:relative;z-index:2;padding:clamp(24px,3.2vw,48px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v23-demo-copy small{font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.1em}.v23-demo-copy h3{font:900 clamp(45px,5.2vw,94px)/.87 'Barlow Condensed',sans-serif;letter-spacing:-.04em;margin:17px 0}.v23-demo-copy h3 em{color:var(--plum)}.v23-demo-copy p{font:500 clamp(11px,1vw,15px)/1.4 'DM Sans',sans-serif;max-width:26ch;margin-bottom:17px}.v23-demo-copy button{border:0;background:var(--navy);color:var(--ivory);font:900 12px 'Barlow Condensed',sans-serif;letter-spacing:.06em;padding:12px 14px;max-width:100%}
.v23-demo-copy button:hover,.v23-demo-copy button:focus-visible{background:var(--plum)}.v23-demo-portrait{position:relative;overflow:hidden;min-width:0;background:var(--navy)}.v23-demo-portrait img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:53% 30%;transform:scale(1.12) translate3d(calc(var(--dx)*9px),calc(var(--dy)*8px),0);filter:saturate(.92)}
.v23-demo-selection{position:absolute;width:58%;height:53%;top:18%;left:20%;border:1px solid var(--lime);opacity:.85;transform:translate3d(calc(var(--p)*-10%),calc(var(--p)*8%),0);pointer-events:none}.v23-demo-selection:before,.v23-demo-selection:after{content:"";position:absolute;width:12px;height:12px;background:var(--lime)}.v23-demo-selection:before{left:-6px;top:-6px}.v23-demo-selection:after{right:-6px;bottom:-6px}
.v23-demo-foot{flex:none;display:flex;justify-content:space-between;gap:10px;padding:11px 20px;border-top:1px solid #1c1b384d;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.v23-demo-control{display:flex;gap:7px;justify-content:flex-end;padding-top:15px}.v23-demo-control button{background:transparent;color:var(--ivory);border:1px solid #efefeaa2;padding:11px 15px;font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.04em}.v23-demo-control button.active,.v23-demo-control button:hover{background:var(--lime);border-color:var(--lime);color:var(--navy)}
.v23-digital-stage.is-alt .v23-demo-browser{background:var(--violet)}.v23-digital-stage.is-alt .v23-demo-portrait{background:var(--plum)}.v23-digital-stage.is-alt .v23-demo-portrait img{transform:scale(1.35) translate3d(calc(var(--dx)*-13px),calc(var(--dy)*-10px),0);filter:contrast(1.24) grayscale(.34)}.v23-digital-stage.is-alt .v23-demo-copy h3 em{color:var(--navy)}.v23-digital-stage.is-alt .v23-demo-selection{border-color:var(--plum);transform:translate(45%,25%) scale(.8)}
.v23-digital-stage.is-mobile .v23-demo-browser{width:min(52%,330px)}.v23-digital-stage.is-mobile .v23-demo-header{font-size:10px;padding:10px}.v23-digital-stage.is-mobile .v23-demo-header nav{display:none}.v23-digital-stage.is-mobile .v23-demo-menu{display:block;margin-left:auto}.v23-digital-stage.is-mobile .v23-demo-body{display:flex;flex-direction:column-reverse}.v23-digital-stage.is-mobile .v23-demo-portrait{height:43%;flex:none}.v23-digital-stage.is-mobile .v23-demo-copy{flex:1;padding:13px 17px;justify-content:center}.v23-digital-stage.is-mobile .v23-demo-copy h3{font-size:clamp(30px,2.8vw,52px);margin:8px 0}.v23-digital-stage.is-mobile .v23-demo-copy p{font-size:9px;margin-bottom:8px}.v23-digital-stage.is-mobile .v23-demo-copy button{padding:7px 9px;font-size:10px}.v23-digital-stage.is-mobile .v23-demo-foot{padding:7px 12px;font-size:8px}
/* ABOUT — portrait editorial, no arch, no redundant MP billboard, no dead space. */
.about{padding-bottom:clamp(16px,3vw,46px)}.about-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(14px,2.5vw,44px);min-height:min(74svh,740px)}
.about-heading h2{font-size:clamp(70px,5.8vw,118px);max-width:11ch}.about-voice{font-size:clamp(16px,1.3vw,21px);line-height:1.5}
.v23-personal-stage{position:relative;width:100%;height:min(73svh,730px);min-height:470px;--qx:0;--qy:0}
.v23-personal-portrait{position:absolute;inset:0 0 3% 0;overflow:hidden;background:var(--navy);clip-path:polygon(0 8%,85% 0,100% 94%,12% 100%);box-shadow:none}.v23-personal-portrait img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:45% 36%;transform:scale(calc(1.02 + var(--q,0)*.09)) translate3d(calc(var(--qx)*-9px),calc(var(--qy)*-9px),0);transition:transform .16s ease}
.v23-personal-ink{position:absolute;inset:0;pointer-events:none}.v23-personal-ink span:first-child{position:absolute;top:13%;right:-6%;width:52%;height:2px;background:var(--lime);transform:rotate(-19deg) translateX(calc(var(--q)*-35%))}.v23-personal-ink span:last-child{position:absolute;bottom:14%;left:-14%;width:47%;height:2px;background:var(--plum);transform:rotate(17deg) translateX(calc(var(--q)*25%))}
.v23-personal-credit{position:absolute;left:-8%;bottom:3%;background:var(--lime);color:var(--navy);padding:12px 15px;max-width:80%;font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.05em;box-shadow:8px 8px 0 rgba(28,27,56,.22)}
/* sensible responsive rules, not shrinking desktop canvas */
@media(max-width:1120px){
 .hero-text{top:clamp(118px,18vh,200px)}
 .v23-demo-copy h3{font-size:clamp(43px,4.7vw,72px)}
 .about-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.about-heading{grid-column:1/-1}.about-voice{grid-column:1}.about-art{grid-column:2}.about h2{font-size:clamp(64px,9vw,105px)}.v23-personal-stage{min-height:0;height:min(54vw,520px)}
}
@media(max-width:760px){
 .hero-world{position:relative;right:auto;top:auto;width:100%;height:min(57svh,465px);z-index:1;margin:0 auto 7px;opacity:1!important;transform:none}
 .hero-text{position:relative;top:auto;left:auto;z-index:4;width:100%;padding:calc(var(--header) + 22px) 5% 16px;max-width:none}.hero-pin{height:auto;min-height:100svh;display:flex;flex-direction:column;padding:0}.hero .hero-text .eyebrow{margin:0 0 14px}.hero h1{font-size:clamp(65px,13vw,110px)}.hero-text p{margin-top:13px;font-size:16px;line-height:1.37}.hero .round-scroll{margin-top:16px}.hero-footer{position:relative;bottom:auto;left:auto;right:auto;margin-top:auto;padding:5px 5% 16px;gap:14px}.v23-hero-atelier{height:100%}.v23-service-spectrum button{min-height:45px;font-size:12px}.v23-hero-environment img{object-position:50% 40%}.v23-hero-interactive{bottom:5%;gap:6px}
 .visual--creative,.visual--content{min-height:390px!important;height:min(62svh,490px)!important}.v23-creative-brief{top:5%}.v23-creative-experiment{top:29%;bottom:20%}.v23-c-type{font-size:clamp(49px,13vw,83px)}.v23-creative-caption{font-size:10px;bottom:3%}.v23-creative-caption small{font-size:8px}.v23-content-labels span{font-size:17px}.v23-content-photo{object-position:44% 50%}.v23-preview-frame{width:22%}
 .digital-lab{position:relative;top:auto;right:auto;width:100%;height:520px!important;min-height:0;padding:10px 4% 35px;overflow:visible}.v23-digital-stage{position:absolute;inset:10px 4% 40px}.v23-demo-browser{height:90%;min-height:360px;width:100%;max-width:700px;transform:none!important}.v23-demo-copy h3{font-size:clamp(46px,9.4vw,77px)}.v23-demo-copy p{font-size:13px}.v23-demo-control{padding-top:11px}.v23-digital-stage.is-mobile .v23-demo-browser{width:50%}
 .about{padding-top:calc(var(--header) + 20px);padding-bottom:20px}.about-composition{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0}.about h2{font-size:clamp(63px,12.2vw,100px)}.about-voice{font-size:17px;gap:13px}.about-art{width:100%}.v23-personal-stage{height:480px;max-width:440px;margin:0 auto}.v23-personal-credit{left:0}
}
@media(max-width:440px){
 .hero-world{height:335px}.v23-hero-explain{font-size:10px}.v23-service-spectrum button{font-size:10px;min-height:41px;padding:9px 3px}.hero h1{font-size:clamp(62px,12.8vw,75px)}
 .visual--creative,.visual--content{min-height:340px!important;height:340px!important}.v23-creative-brief b{font-size:17px}.v23-c-type{font-size:clamp(45px,12.8vw,65px)}.v23-creative-experiment{left:7%;right:7%;top:33%;bottom:19%}.v23-creative-caption{flex-direction:column;gap:4px}.v23-creative-caption small{text-align:left}
 .v23-content-labels span{font-size:15px}.v23-demo-header{padding:10px 13px;font-size:10px}.v23-demo-copy{padding:14px}.v23-demo-copy h3{font-size:clamp(40px,10vw,55px)}.v23-demo-copy p{font-size:11px}.v23-demo-copy button{font-size:10px}.v23-demo-browser{min-height:330px}.digital-lab{height:460px!important}.v23-digital-stage.is-mobile .v23-demo-browser{width:65%}
 .v23-personal-stage{height:430px}.v23-personal-credit{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.v23-hero-environment,.v23-hero-environment img,.v23-creative-experiment,.v23-c-type,.v23-frame-big,.v23-content-photo,.v23-preview-frame,.v23-demo-browser,.v23-demo-portrait img,.v23-personal-portrait img{transform:none!important;transition:none!important}}
/* Final cross-browser correction: absolute hero height must not resolve against an indefinite block-size. */
@media(min-width:761px){.hero-world{height:calc(100svh - var(--header));top:var(--header)}}
/* Every word in the system remains visible across languages and at every scroll state. */
.v23-c-type{font-size:clamp(43px,4.4vw,76px);left:8%;letter-spacing:-.03em}
.v23-c-type-a,.v23-c-type-b,.v23-c-type-c{transform:none}
.v23-c-type-a{top:16%}.v23-c-type-b{top:41%}.v23-c-type-c{top:66%}
@media(max-width:760px){.v23-c-type{font-size:clamp(39px,8.8vw,64px)}}
@media(max-width:440px){.v23-c-type{font-size:clamp(30px,7.5vw,41px);left:6%}}
@media(min-width:761px){
 .hero-world{width:51%}
 .hero-text{width:48%;max-width:650px}
 .hero h1{font-size:clamp(70px,7vw,112px);line-height:.85;letter-spacing:-.055em;max-width:none}
}
/* Final visual QA refinements: never let the headline collide with the biography. */
.about.chapter{height:auto!important;min-height:0!important}
@media(min-width:1121px){
 .about-composition{grid-template-columns:minmax(0,1fr) minmax(0,.98fr) minmax(0,1.32fr);min-height:0;gap:clamp(28px,3.3vw,55px)}
 .about-heading h2{font-size:clamp(52px,4.4vw,75px);line-height:.92;max-width:8.7ch}
 .v23-personal-stage{height:min(66svh,620px);min-height:470px}
}
@media(max-width:1120px){.about-heading h2{font-size:clamp(54px,8.7vw,94px)}}
@media(max-width:760px){.about h2{font-size:clamp(53px,11.5vw,84px);line-height:.88}.about-composition{gap:20px}.v23-personal-stage{height:min(105vw,460px)}}
.v23-demo-copy h3{font-size:clamp(40px,4.2vw,64px)}
.v23-demo-copy h3 em{white-space:normal}
@media(max-width:760px){.v23-demo-copy h3{font-size:clamp(37px,7.3vw,60px)}}
@media(max-width:440px){.v23-demo-copy h3{font-size:clamp(31px,8vw,42px)}}
@media(max-width:800px){
 .digital-title{width:100%!important;max-width:100%;padding:32px 5% 6px!important;flex:none}
 .digital-title h2{font-size:clamp(51px,9.6vw,80px);line-height:.87;max-width:100%}
 .digital-title>p{max-width:50ch;font-size:17px;line-height:1.44;margin:17px 0}
 .digital-title .digital-price,.digital-title .line-cta{max-width:600px}
 .digital-pin{display:flex;flex-direction:column;align-items:stretch;min-height:0!important;height:auto!important}
 .digital-lab{position:relative;width:100%;max-width:100%;right:auto;top:auto;flex:none}
}
@media(max-width:440px){
 .digital-title{padding:27px 5% 8px!important}
 .digital-title h2{font-size:clamp(51px,12vw,65px)}
 .digital-title>p{font-size:16px;max-width:39ch}
 .digital-lab{height:450px!important}
}
html[lang="it"] .info--content h2{font-size:clamp(50px,4.8vw,74px)}
@media(max-width:760px){html[lang="it"] .info--content h2{font-size:clamp(46px,10.4vw,65px)}}