@font-face{font-family:Studio;src:url('assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#f4f4f4;--ink:#191919;--orange:#327660;--mint-ink:#175a49;--p:0;--wipe:0;--vh:1svh}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Studio,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.11}h3,h4{font-weight:500;letter-spacing:-.03em;line-height:1.2}p{font-size:16px;line-height:1.65}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:white}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-80px;z-index:150;padding:15px;background:white}.skip:focus{top:15px}.eyebrow{font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.055em;text-transform:uppercase}.section{padding:110px max(5vw,24px)}.dark{background:var(--ink);color:var(--paper)}.navigation{position:absolute;top:0;left:0;right:0;height:102px;z-index:40;padding:28px 5vw;display:flex;align-items:center;gap:42px;border-bottom:1px solid #19191912}.logo{width:205px;margin-right:auto}.logo img{width:100%}.navigation nav{display:flex;gap:34px;font-size:14px}.nav-cta{font-size:14px;padding:10px 0;border-bottom:1px solid var(--orange)}.nav-cta span{margin-left:30px;color:var(--mint-ink)}.menu-toggle{display:none;background:none;font-size:23px}#mobile-nav{position:fixed;inset:85px 20px auto;background:var(--paper);padding:22px;z-index:100;box-shadow:0 15px 50px #19191925}#mobile-nav a{display:block;padding:15px;font-size:21px}.track{height:270svh;position:relative}.scene{position:sticky;top:0;height:100svh;min-height:610px;overflow:hidden;isolation:isolate}.paper{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='130' height='130' filter='url(%23paper)' opacity='.055'/%3E%3C/svg%3E")}.hero-track{height:340svh}.hero-heading{position:absolute;z-index:5;top:17%;left:5%;right:5%;text-align:center;pointer-events:none}.hero-heading h1{font-size:clamp(46px,6.5vw,102px);margin:20px 0}.hero-heading p{font-size:16px}.hero-art{position:absolute;inset:35% 4% 10%;z-index:1;transform-origin:50% 40%}.hero-art img{position:absolute;width:100%;height:100%;object-fit:contain}.hero-material{clip-path:inset(0 100% 0 0)}.hero-real{opacity:0}.sketch-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;color:#525252}.sketch-lines path{stroke-width:1.2;stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 4s ease forwards}.sketch-lines path:nth-child(2){animation-delay:.6s}.hero-final{position:absolute;z-index:5;left:5%;bottom:17%;opacity:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.ribbon{display:inline-block;color:var(--paper);background:var(--ink);padding:11px 18px;font-size:18px;line-height:1.4;letter-spacing:-.025em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-final>.ribbon{font-size:clamp(26px,3vw,45px)}.phase-controls{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);z-index:8;background:var(--paper);display:flex;gap:2px;padding:4px;border:1px solid #c0c0c0;border-radius:5px}.phase-controls button{font-size:13px;background:transparent;padding:10px 18px;border-radius:3px}.phase-controls button.selected{background:var(--ink);color:var(--paper)}.scene-foot{position:absolute;bottom:28px;left:5%;right:150px;display:flex;align-items:center;gap:24px;z-index:8;font-size:11px;font-weight:500;line-height:1.5}.progress{width:100px;height:2px;background:#8a8a8a60;display:block}.progress b{display:block;height:2px;background:var(--orange);width:calc(var(--p)*100%)}.concept{opacity:.7;margin-left:auto;font-size:10px}.detail-tab{position:absolute;right:0;top:47%;z-index:12;background:var(--orange);display:flex;align-items:center;gap:15px;padding:17px 18px 17px 32px;clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%);font-size:12px;font-weight:600;transition:padding .3s}.detail-tab b{font-size:25px;line-height:1;font-weight:400}.detail-tab:hover{padding-left:45px}.intro .eyebrow{color:#666666}.two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:start;margin-top:28px}.two-column h2{font-size:clamp(40px,4.2vw,66px);max-width:750px}.two-column p{max-width:610px;color:#646464}.two-column h3{font-size:28px;margin:30px 0 17px}.two-column .text-link{display:inline-block;margin-top:25px}.business-track{height:380svh}.office-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.office-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f4f4f4e6,#f4f4f4a0 33%,transparent 65%);z-index:1}.scene-copy{position:absolute;top:11%;left:5%;width:34%;max-width:510px;z-index:6}.scene-copy h2{font-size:clamp(40px,4.6vw,72px);margin:18px 0 24px}.scene-copy p{font-size:16px;max-width:390px;line-height:1.6}.business-monitor{position:absolute;left:64%;top:51%;width:min(57vw,92svh);z-index:3;perspective:1800px;transform:translate(-50%,-50%);transform-origin:center}.monitor{position:relative;transform:rotateY(-7deg);transform-style:preserve-3d;filter:drop-shadow(0 25px 25px #0003)}.device-bezel{background:linear-gradient(120deg,#b2b3b3,#1e1f20 30%,#111213 85%,#76787a);padding:10px;border:1px solid #777;border-radius:13px 13px 0 0}.screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper);border-radius:4px}.screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.screen-real{clip-path:inset(0 100% 0 0)}.screen-corner{position:absolute;left:12px;top:12px;font-size:9px;padding:4px 7px;background:var(--paper);color:var(--ink)}.screen-sweep{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--orange);z-index:3;opacity:0}.device-chin{height:27px;background:linear-gradient(100deg,#7d7f80,#d6d7d7 40%,#adadad);border-radius:0 0 12px 12px}.device-neck{position:absolute;top:100%;left:44%;width:12%;height:65px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:linear-gradient(90deg,#727477,#c3c5c5 65%,#8e9091)}.device-foot{position:absolute;top:calc(100% + 61px);left:30%;width:41%;height:14px;background:linear-gradient(140deg,#c9caca,#6f7072);clip-path:polygon(20% 0,80% 0,100% 90%,0 100%)}.business-result{position:absolute;z-index:7;left:5%;bottom:17%;opacity:0;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.business-result>.ribbon{font-size:clamp(25px,3vw,44px)}.business-scene .scene-foot{background:var(--paper);padding:7px 10px;width:max-content;max-width:82%;bottom:25px}.picture-track{height:260svh}.picture-stage{position:absolute;left:39%;right:7%;top:18%;bottom:16%;overflow:hidden;z-index:2;transform-origin:center}.picture-stage img{position:absolute;width:100%;height:100%;object-fit:contain}.picture-stage .after{clip-path:inset(0 calc((1 - var(--wipe))*100%) 0 0)}.reveal-line{position:absolute;left:calc(var(--wipe)*100%);height:100%;width:2px;top:0;background:var(--orange);opacity:calc(1 - var(--wipe))}.picture-caption{position:absolute;bottom:13%;left:5%;z-index:5;max-width:83%;transform:translateY(25px);opacity:0}.vehicle-scene .picture-stage{left:33%;right:3%;top:23%;bottom:19%}.vehicle-scene .scene-copy{width:29%}.vehicle-scene .picture-caption{bottom:13%;max-width:80%}.print-track{height:290svh}.print-scene .scene-copy{width:34%}.print-scene .scene-copy h2 span{color:var(--mint-ink)}.printer-stage{position:absolute;left:41%;width:50%;top:27%;height:64%;z-index:2}.printer-image{position:absolute;width:100%;top:0;z-index:3;pointer-events:none}.print-sheet{position:absolute;top:36%;left:27%;width:47%;height:0;overflow:hidden;z-index:2;background:#fff;box-shadow:0 15px 40px #0004;transform-origin:top center}.printed-art{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:.73;background:var(--paper);padding:6% 7%;color:var(--ink)}.printed-art>span{font-size:clamp(8px,1vw,16px);font-weight:600}.printed-art strong{position:relative;display:block;font-size:clamp(25px,3.2vw,52px);line-height:.98;letter-spacing:-.06em;font-weight:700;margin-top:14%;z-index:2}.printed-art p{font-size:clamp(9px,1vw,15px);margin-top:8%;position:relative;z-index:2}.print-graphic{position:absolute;bottom:-5%;right:-18%;width:95%;height:44%;border-radius:50%;transform:rotate(-25deg);background:var(--orange)}.print-carriage{position:absolute;width:5%;height:2%;top:31%;left:19%;background:#fff7;z-index:4;box-shadow:0 0 15px #fff3;opacity:.4}.print-sizes{position:absolute;left:5%;bottom:20%;z-index:4;display:flex;flex-direction:column;gap:12px;font-size:18px}.print-sizes span:first-child{color:var(--mint-ink)}.machine-note{position:absolute;right:6%;bottom:10%;font-size:11px;color:#b0b0b0;z-index:5}.service-index h2{font-size:clamp(44px,5vw,74px);margin:24px 0 45px}.service-links{display:grid;grid-template-columns:repeat(2,1fr);column-gap:7vw}.service-links a{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-top:1px solid #ffffff25;font-size:19px}.service-links span{color:var(--mint-ink);font-size:26px}.web-track{height:300svh}.web-device{position:absolute;left:39%;width:min(55vw,92svh);top:30%;perspective:1600px;z-index:2;transform-origin:50% 50%}.web-before,.web-after{position:absolute;inset:0;overflow:hidden}.browser-bar{position:absolute;top:0;left:0;right:0;height:7%;display:flex;align-items:center;gap:4px;padding:0 9px;background:#e3e3e3;z-index:6}.browser-bar i{width:4px;height:4px;background:#959595;border-radius:50%}.browser-bar span{font-size:7px;margin-left:10px}.web-before{padding:12% 7%;background:#eee;color:#555}.web-before nav{font-size:10px}.web-before h3{font-size:clamp(23px,3.1vw,48px);margin:5% 0}.web-before p{font-size:10px}.web-before>div{background:#ccc;position:absolute;width:35%;height:50%;right:8%;bottom:12%}.web-before>button{font-size:9px;color:#333;padding:8px;background:#ddd;margin-top:18px}.web-after{background:#132522;color:#f4f4f4;clip-path:inset(0 100% 0 0);padding:12% 6% 0}.web-after nav{font-size:10px;display:flex;justify-content:space-between}.web-after nav span{font-size:7px}.web-editorial{position:absolute;left:7%;top:24%;z-index:2}.web-editorial p{font-size:clamp(7px,.7vw,11px);line-height:1.3}.web-editorial h3{font-size:clamp(22px,3.1vw,48px);font-weight:600;line-height:1.04;margin:8% 0;letter-spacing:-.05em}.web-editorial>span{font-size:8px;color:#175a49}.web-poster{position:absolute;right:5%;top:22%;width:39%;bottom:12%;background:#327660;transform:rotate(6deg);padding:7% 3%;box-shadow:10px 12px 0 #ffffff15}.web-poster span{font-size:clamp(22px,3.8vw,62px);font-weight:800;line-height:.9;letter-spacing:-.07em;color:#132522}.web-after footer{position:absolute;bottom:5%;font-size:7px;letter-spacing:.1em}.wow{position:absolute;top:49%;left:45%;z-index:5;font-size:clamp(80px,15vw,230px);font-weight:800;letter-spacing:-.1em;line-height:.9;color:var(--mint-ink);text-shadow:1px 1px #327660,2px 2px #327660,3px 3px #327660,4px 4px #327660,5px 5px #327660,6px 6px #327660,12px 18px 30px #0003;opacity:0;transform:perspective(900px) rotateY(-25deg) scale(.2);pointer-events:none}.wow span{color:#191919}.web-label{position:absolute;left:5%;bottom:17%;z-index:7;opacity:0}.social-track{height:290svh}.social-composition{position:absolute;left:41%;right:8%;top:17%;bottom:17%;perspective:1400px}.social-profile{position:absolute;top:0;left:0;width:68%;padding:18px;background:#f4f4f4;color:#191919;border:1px solid #838383;transform:rotateY(-9deg)}.profile-top{display:flex;justify-content:space-between;font-size:13px}.profile-summary{display:flex;gap:15px;align-items:center;margin:20px 0}.avatar{width:50px;height:50px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:white;background:var(--orange);font-size:20px}.profile-summary p{font-size:10px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.social-grid img{width:100%;aspect-ratio:1;object-fit:cover}.reel-card{position:absolute;left:35%;top:13%;width:45%;aspect-ratio:9/15;background:#252525;overflow:hidden;border:7px solid #f4f4f4;border-radius:14px;box-shadow:0 20px 45px #0006;transform:translateZ(0) scale(.6);opacity:0}.reel-card>img{width:100%;height:100%;object-fit:cover}.reel-label{position:absolute;top:18%;left:9%;right:8%;font-weight:700;font-size:clamp(22px,3vw,43px);line-height:1.05;letter-spacing:-.04em;background:#191919df;padding:12px}.reel-actions{position:absolute;bottom:15%;right:6%;font-size:24px;line-height:1.7;text-shadow:0 1px 5px #000}.reel-card>p{position:absolute;bottom:7%;left:6%;right:12%;font-size:10px;background:#191919c0;padding:5px}.reel-playhead{height:2px;background:var(--orange);position:absolute;bottom:3%;left:6%;width:calc(var(--wipe)*87%)}.social-metrics{position:absolute;left:4%;bottom:-1%;display:flex;gap:20px;align-items:start;z-index:5;opacity:0;transform:translateY(30px)}.social-metrics>div{background:#f4f4f4;color:#191919;min-width:88px;padding:13px 16px;border-radius:4px}.social-metrics b{font-size:23px;display:block;line-height:1.2;letter-spacing:-.04em}.social-metrics span{font-size:11px}.social-metrics small{position:absolute;top:100%;left:0;font-size:10px;width:340px;margin-top:10px;line-height:1.5;color:#aaaaaa}.brand-scene{background:#e4e4e4}.signs-scene{background:#f4f4f4}.windows-track{height:320svh}.windows-scene{background:#f4f4f4}.windows-scene .picture-stage{left:36%;right:5%;top:24%;bottom:20%}.windows-scene .scene-copy{width:30%}.space-track{height:210svh}.space-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.65;transform:scale(1.1)}.space-scene .scene-copy{background:#191919e0;padding:20px;left:4%;top:10%;width:40%;max-width:650px}.space-words{position:absolute;left:5%;bottom:17%;display:flex;gap:10px;flex-wrap:wrap;z-index:5}.space-words .ribbon{background:var(--paper);color:var(--ink);font-size:18px}.attention{background:#e3e3e3}.text-link{border-bottom:1px solid currentColor;padding-bottom:8px;font-size:15px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.gallery-heading h2{font-size:clamp(44px,5vw,74px);margin-top:24px}.instagram-consent{display:flex;align-items:center;gap:35px;border:1px solid #ffffff30;padding:28px;margin:45px 0;background:#232323}.instagram-mark{font-size:60px;color:var(--mint-ink)}.instagram-consent h3{font-size:24px;margin-bottom:12px}.instagram-consent p{font-size:13px;max-width:620px;color:#bfbfbf}.instagram-consent button{background:var(--orange);color:white;padding:17px 20px;white-space:nowrap;font-size:13px;flex-shrink:0}.instagram-controls{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.instagram-controls button{background:transparent;color:#afafaf;font-size:12px;border-bottom:1px solid #aaa}.instagram-slider{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:24px;scrollbar-color:var(--orange) #292726;padding:10px 0 22px}.instagram-frame{flex:0 0 380px;scroll-snap-align:start;background:white;border-radius:5px;min-height:0;color:#191919}.instagram-frame iframe{display:block;width:100%;border:0;background:white}.instagram-frame>a{display:block;font-size:13px;padding:15px;border-top:1px solid #ddd}#instagram-status{font-size:12px;color:#b5aa9c;margin:15px 0}.archive-heading{margin:65px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.archive-heading h3{font-size:24px}.archive-heading button{background:var(--paper);color:var(--ink);height:43px;width:43px;margin-left:7px;border-radius:50%;font-size:22px}.gallery-slider{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--orange) #292726;padding-bottom:24px}.work-card{flex:0 0 340px;background:#222222;color:var(--paper);padding:14px;text-align:left;position:relative;scroll-snap-align:start}.work-card>div{height:300px;background:#e3e3e3;overflow:hidden;display:grid;place-items:center}.work-card img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.work-card:hover img{transform:scale(1.025)}.work-card>span{display:block;font-size:11px;text-transform:uppercase;color:#c7bcae;margin:20px 0 10px}.work-card h4{font-size:21px;padding-right:26px;min-height:50px;line-height:1.3}.work-card>b{position:absolute;bottom:25px;right:16px;font-size:25px;font-weight:400;color:var(--mint-ink)}.archive-note{font-size:12px;color:#ac9f8f;margin-top:15px}.studio .two-column h2 span{color:var(--mint-ink)}.contact{background:var(--orange)}.contact h2{font-size:clamp(45px,6.4vw,96px);max-width:1200px;margin:25px 0 35px}.contact>p{max-width:740px}.contact-actions{display:flex;align-items:center;gap:35px;margin-top:35px}.contact-actions a{font-size:20px;border-bottom:1px solid #19191960;padding-bottom:8px}.contact-actions .whatsapp{background:var(--ink);color:var(--paper);padding:18px 23px;border:0;font-size:16px}.contact-number{font-size:13px;margin-top:17px}.social-links{display:flex;gap:30px;margin-top:35px;font-size:15px}.site-footer{padding:40px 5%;display:flex;gap:30px;justify-content:space-between;align-items:center;background:var(--paper)}.site-footer>img{width:180px}.site-footer>span{font-size:11px}.site-footer>div{display:flex;gap:24px}.site-footer button{background:transparent;font-size:12px}.motion-switch{position:fixed;bottom:20px;right:20px;z-index:60;border-radius:50%;width:34px;height:34px;background:var(--ink);color:var(--paper);font-size:16px;border:1px solid #fff6}dialog{padding:42px;border:0;width:min(900px,calc(100% - 32px));max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink);border-radius:7px}dialog::backdrop{background:#191919bf;backdrop-filter:blur(7px)}.close-dialog{position:absolute;top:12px;right:17px;font-size:32px;line-height:1;background:transparent}dialog h2{font-size:40px;margin:24px 35px 20px 0}dialog h3{font-size:24px;margin:27px 0 14px}dialog p{font-size:15px;color:#575757}dialog ul{padding-left:22px}dialog li{font-size:15px;line-height:1.65;margin:9px 0}dialog a{text-decoration:underline}.detail-dialog{margin:0 0 0 auto;width:min(580px,calc(100% - 22px));height:100svh;max-height:100svh;border-radius:0;padding:58px 40px 45px;box-shadow:-30px 0 70px #19191930;overflow:auto;animation:panel-in .5s cubic-bezier(.18,.8,.2,1)}.detail-dialog::before{content:'';position:fixed;right:min(580px,calc(100% - 22px));top:43%;width:50px;height:110px;background:var(--orange);clip-path:polygon(100% 0,100% 100%,0 50%);pointer-events:none}.detail-dialog h2{font-size:40px}.detail-dialog h3{font-size:21px}#detail-applications,#detail-materials{display:flex;flex-wrap:wrap;gap:8px}#detail-applications span,#detail-materials span{font-size:13px;background:#e3e3e3;padding:9px 12px}.panel-cta{display:inline-block;padding:15px 20px;background:var(--orange);color:white;text-decoration:none;margin-top:30px;font-size:15px}#work-dialog{width:min(1100px,calc(100% - 24px));padding:25px}#work-dialog h2{font-size:25px;margin:12px 35px 22px 0}#work-image{width:100%;max-height:68svh;object-fit:contain;background:#e3e3e3}#work-dialog>div{display:flex;gap:15px;margin-top:20px}#work-dialog>div button{padding:12px 18px;background:var(--ink);color:var(--paper);font-size:13px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes panel-in{from{transform:translateX(105%)}to{transform:translateX(0)}}
@media(max-width:1100px){.scene-copy{width:38%;left:4%}.scene-copy h2{font-size:clamp(38px,4.8vw,55px)}.scene-copy p{font-size:14px}.eyebrow{font-size:11px}.business-monitor{left:67%;width:58vw}.picture-stage{left:42%;right:6%;top:25%;bottom:23%}.vehicle-scene .scene-copy{width:35%}.vehicle-scene .picture-stage{left:36%;right:3%}.scene-foot{font-size:10px;gap:15px}.concept{display:none}.detail-tab span{display:none}.detail-tab{padding:18px 17px 18px 29px;top:47%}.print-scene .scene-copy{width:40%}.printer-stage{left:42%;width:51%;top:36%}.print-sizes{font-size:15px}.machine-note{font-size:10px}.web-device{left:42%;top:36%;width:53vw}.wow{left:43%;top:51%;font-size:15vw}.social-composition{left:43%;right:6%;top:28%;bottom:21%}.social-profile{width:88%;padding:14px}.reel-card{left:25%;width:57%;top:13%}.social-metrics{gap:9px;bottom:-2%}.social-metrics>div{padding:10px;min-width:65px}.social-metrics b{font-size:19px}.social-metrics small{font-size:9px}.windows-scene .scene-copy{width:35%}.windows-scene .picture-stage{left:39%;right:4%;top:32%;bottom:23%}.space-scene .scene-copy{width:49%}.instagram-consent{gap:20px;flex-wrap:wrap}.instagram-consent>div{flex:1}.instagram-consent button{margin-left:80px}.two-column{gap:5vw}.two-column h2{font-size:44px}.two-column p{font-size:15px}.section{padding:85px 5vw}.navigation{gap:25px;padding:25px 4vw}.navigation nav{gap:22px;font-size:12px}.logo{width:185px}.contact-actions{gap:25px}.contact-actions a{font-size:17px}.site-footer{flex-wrap:wrap}.picture-caption .ribbon{font-size:15px;max-width:100%}}
@media(max-width:700px){.section{padding:70px 22px}.scene{min-height:600px}.track{height:240svh}.hero-track{height:300svh}.navigation{height:82px;padding:20px 22px;gap:17px}.logo{width:155px}.navigation nav{display:none}.nav-cta{font-size:12px;white-space:nowrap}.nav-cta span{margin-left:10px}.menu-toggle{display:block;font-size:19px}.hero-heading{top:18%;left:6%;right:6%}.hero-heading h1{font-size:clamp(36px,9.4vw,52px);margin:19px 0;line-height:1.12}.hero-heading p{font-size:13px}.hero-heading .eyebrow{font-size:10px}.hero-art{inset:40% 0 16%}.hero-art img{object-fit:contain}.sketch-lines{opacity:.3}.hero-final{left:6%;bottom:19%;right:12%;gap:6px}.hero-final>.ribbon{font-size:27px}.hero-final p.ribbon{font-size:13px}.phase-controls{bottom:92px;white-space:nowrap}.phase-controls button{font-size:11px;padding:10px 12px}.scene-foot{left:6%;right:58px;bottom:28px;gap:12px;font-size:9px;flex-wrap:wrap}.progress{width:60px}.detail-tab{top:auto;bottom:90px;padding:14px 14px 14px 26px}.detail-tab b{font-size:22px}.eyebrow{font-size:10px}.scene-copy{top:10%;left:6%;width:86%;max-width:none}.scene-copy h2{font-size:clamp(35px,9.8vw,50px);margin:16px 0 18px;line-height:1.12}.scene-copy p{font-size:13px;max-width:85%;line-height:1.6}.business-track{height:340svh}.office-shade{background:linear-gradient(#f4f4f4ef,#f4f4f499 35%,transparent 75%)}.business-monitor{width:87vw;left:50%;top:57%}.device-bezel{padding:6px;border-radius:8px 8px 0 0}.device-chin{height:18px;border-radius:0 0 8px 8px}.device-neck{height:40px}.device-foot{top:calc(100% + 37px);height:10px}.screen-corner{font-size:6px;top:7px;left:7px}.business-result{left:6%;right:14%;bottom:19%;gap:6px}.business-result>.ribbon{font-size:26px}.business-result p.ribbon{font-size:13px}.business-scene .scene-foot{font-size:8px;max-width:83%;gap:8px}.picture-stage,.vehicle-scene .picture-stage,.windows-scene .picture-stage{left:4%;right:4%;top:40%;bottom:21%}.vehicle-scene .scene-copy,.windows-scene .scene-copy{width:87%}.picture-caption{left:6%;right:14%;bottom:15%;max-width:none}.picture-caption .ribbon{font-size:12px;line-height:1.45;padding:9px 12px}.print-track{height:280svh}.print-scene .scene-copy{width:85%}.printer-stage{left:5%;width:90%;top:36%;height:49%}.print-sheet{top:36%;left:27%;width:47%}.printed-art strong{font-size:clamp(21px,6.9vw,35px)}.printed-art>span{font-size:8px}.printed-art p{font-size:9px}.print-sizes{bottom:16%;font-size:12px;left:6%;gap:5px}.machine-note{right:13%;bottom:10%;font-size:8px}.service-index h2{font-size:42px}.service-links{grid-template-columns:1fr}.service-links a{font-size:18px}.web-device{left:6%;width:88%;top:43%}.wow{left:13%;top:57%;font-size:29vw}.web-label{left:6%;right:14%;bottom:16%}.web-label .ribbon{font-size:12px;padding:9px 12px}.web-before h3{font-size:27px}.web-before p{font-size:7px}.web-before nav{font-size:8px}.web-before>button{font-size:7px;padding:5px;margin-top:10px}.web-editorial h3{font-size:27px}.web-editorial p{font-size:6px}.web-poster span{font-size:34px}.web-after nav{font-size:7px}.web-editorial>span{font-size:6px}.web-after nav span,.web-after footer{font-size:5px}.social-composition{left:7%;right:8%;top:42%;bottom:18%}.social-profile{width:73%;padding:10px}.profile-summary{margin:12px 0;gap:8px}.avatar{width:34px;height:34px;font-size:15px}.profile-summary p{font-size:7px}.profile-top{font-size:10px}.reel-card{width:42%;left:41%;top:9%;border-width:4px;border-radius:8px}.reel-label{font-size:20px;padding:8px}.reel-actions{font-size:17px}.reel-card>p{font-size:6px}.social-metrics{left:0;bottom:-8%;gap:8px}.social-metrics>div{min-width:75px;padding:9px 11px}.social-metrics b{font-size:19px}.social-metrics span{font-size:9px}.social-metrics small{font-size:8px;line-height:1.4;margin-top:6px;width:280px}.space-scene .scene-copy{width:86%;left:5%;top:10%;padding:18px}.space-words{left:6%;bottom:20%;right:8%;gap:7px}.space-words .ribbon{font-size:14px;padding:9px 12px}.two-column{display:block;margin-top:22px}.two-column h2{font-size:38px}.two-column p{font-size:14px;margin-top:27px}.two-column h3{font-size:24px}.gallery-heading{display:block}.gallery-heading h2{font-size:43px}.gallery-heading>.text-link{display:inline-block;margin-top:27px}.instagram-consent{padding:20px;gap:18px;margin-top:30px}.instagram-mark{font-size:38px}.instagram-consent>div{flex:1 0 100%}.instagram-consent h3{font-size:22px}.instagram-consent p{font-size:12px}.instagram-consent button{margin-left:0;font-size:12px;padding:15px;white-space:normal}.instagram-controls{gap:20px}.instagram-controls p{font-size:12px}.instagram-controls button{font-size:10px}.instagram-frame{flex-basis:min(340px,calc(100vw - 44px))}.archive-heading{margin-top:45px;align-items:start}.archive-heading h3{font-size:22px;max-width:220px}.archive-heading button{height:32px;width:32px;margin:0;font-size:17px}.archive-heading>div{display:flex;gap:6px}.work-card{flex-basis:calc(100vw - 60px);max-width:370px;padding:12px}.work-card>div{height:290px}.gallery-slider{gap:15px}.archive-note{font-size:11px;line-height:1.6}.contact h2{font-size:43px;margin-top:23px;line-height:1.14}.contact>p{font-size:14px}.contact-actions{display:block}.contact-actions a{display:inline-block;font-size:17px;margin-bottom:20px}.contact-actions .whatsapp{font-size:14px;padding:17px 19px}.contact .contact-number{font-size:12px;margin-top:0}.social-links{font-size:13px;margin-top:30px}.site-footer{display:block;padding:35px 22px}.site-footer>img{width:160px}.site-footer>span{display:block;margin:25px 0;font-size:10px}.site-footer>div{gap:20px}.site-footer button{font-size:11px}.detail-dialog{padding:48px 25px 35px}.detail-dialog h2{font-size:32px;line-height:1.16}.detail-dialog h3{font-size:21px}dialog{padding:35px 25px}dialog h2{font-size:30px}dialog p,dialog li{font-size:14px}.panel-cta{font-size:13px}.motion-switch{bottom:20px;right:14px;width:31px;height:31px;font-size:14px}}
@media(max-height:700px) and (min-width:701px){.scene-copy{top:8%}.scene-copy h2{font-size:45px;margin:14px 0 18px}.scene-copy p{font-size:14px}.hero-heading{top:17%}.hero-heading h1{font-size:72px;margin:14px 0}.business-monitor{width:84svh}.web-device{width:82svh}.social-composition{top:24%;bottom:23%}.social-profile{max-width:350px}.reel-card{max-width:200px}.printer-stage{top:23%;width:48%}.space-scene .scene-copy h2{font-size:44px}}
html.reduced{scroll-behavior:auto}html.reduced .track{height:100svh}html.reduced .scene{position:relative}html.reduced .sketch-lines{animation:none}html.reduced .phase-controls{display:none}html.reduced .hero-heading{opacity:0!important}html.reduced .business-scene .scene-copy{opacity:0!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@font-face{font-family:Condensed;src:url('assets/fonts/RobotoCondensed-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}.hero-heading .discipline-line{font-family:Condensed,'Arial Narrow',sans-serif;font-weight:300;font-size:clamp(20px,2.2vw,34px);letter-spacing:.09em;line-height:1.4}.hero-heading .hero-subline{margin-top:12px;font-size:14px}.layout-scene{background:#e6e6e6}.business-scene{background:#191919}.print-sheet{z-index:4;left:31%;width:38%;top:0}.printed-art strong{font-size:clamp(24px,2.65vw,43px)}@media(max-width:700px){.hero-heading .discipline-line{font-size:18px;letter-spacing:.06em;line-height:1.5}.hero-heading .hero-subline{font-size:12px}.hero-art{top:46%}.print-sheet{left:31%;width:38%}.printed-art strong{font-size:clamp(19px,5.7vw,30px)}}

@media(min-width:701px){.printer-stage{width:min(50vw,88svh)}}

.hero-heading h1{font-size:clamp(44px,5.5vw,86px)}.hero-art{inset:59% 0 8%}.hero-art img{object-fit:cover;object-position:50% 25%}.hero-sketch{mix-blend-mode:multiply}@media(max-width:700px){.hero-heading h1{font-size:clamp(36px,9.4vw,52px)}.hero-art{top:49%;bottom:16%}.hero-art img{object-fit:contain;object-position:center}}

.hero-final>p.ribbon,.business-result>p.ribbon{font-size:16px;line-height:1.5}.hero-final,.business-result{bottom:22%}.hero-heading .hero-subline{display:inline-block;background:var(--paper);padding:4px 12px}.phase-controls{bottom:70px}.hero-scene .scene-foot{background:var(--paper);padding:5px 9px;width:max-content;max-width:80%}.reduced .track{height:auto}.reduced .hero-heading{opacity:1!important}.reduced *{animation:none!important;transition:none!important}@media(max-width:700px){.hero-final>p.ribbon,.business-result>p.ribbon{font-size:13px}.hero-final,.business-result{bottom:21%}.phase-controls{bottom:80px}}

.brand-system{position:absolute;inset:0;background:#f4f4f4;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr .45fr;gap:25px;padding:35px;align-items:center}.brand-name{font-weight:600;font-size:clamp(45px,5vw,80px);line-height:.98;letter-spacing:-.055em}.brand-characters{font-size:clamp(85px,10vw,150px);letter-spacing:-.08em;justify-self:center}.swatch-row{display:flex;gap:12px}.swatch-row i{width:65px;height:65px;border-radius:50%;background:#191919}.swatch-row i:nth-child(2){background:#327660}.swatch-row i:nth-child(3){background:#e3e3e3;border:1px solid #b6b6b6}.brand-baseline{font:300 20px Condensed,sans-serif;letter-spacing:.09em}.layout-templates{position:absolute;inset:0;perspective:1300px}.layout-card{position:absolute;background:#f4f4f4;box-shadow:0 15px 30px #19191925;border:1px solid #b5b5b5;padding:25px;transform-origin:center;display:flex;flex-direction:column;justify-content:space-between;color:#191919}.layout-card small{font-size:10px}.layout-card>strong{font-size:clamp(24px,3vw,48px);font-weight:700;line-height:1.02;letter-spacing:-.055em}.layout-card>span{font:300 17px Condensed,sans-serif;letter-spacing:.06em}.flyer{left:5%;top:20%;width:32%;height:65%;background:#327660}.brochure{right:6%;top:4%;width:47%;height:80%}.card{left:24%;bottom:0;width:45%;height:24%;background:#191919;color:#f4f4f4}.card>strong{font-size:21px}@media(max-width:700px){.brand-system{padding:22px;gap:10px}.brand-name{font-size:40px}.brand-characters{font-size:70px}.swatch-row{gap:7px}.swatch-row i{height:35px;width:35px}.brand-baseline{font-size:12px}.layout-card{padding:15px}.layout-card>strong{font-size:25px}.layout-card>span{font-size:11px}.layout-card small{font-size:7px}.card>strong{font-size:15px}}

.compare-control{position:absolute;z-index:9;left:5%;bottom:78px;width:280px;padding:12px 15px;background:#f4f4f4ed;color:#191919;border:1px solid #b2b2b2}.compare-control>div{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.06em}.compare-control input{display:block;width:100%;margin:12px 0;accent-color:#327660;cursor:ew-resize}.compare-control small{font-size:10px}.compare-control button{float:right;font-size:10px;background:transparent;padding:0;border-bottom:1px solid #19191955}.web-controls{position:absolute;z-index:8;left:5%;bottom:77px;display:flex;gap:12px}.web-controls button{padding:11px 14px;font-size:12px;background:#191919;color:#f4f4f4}.vehicle-scene .picture-caption,.windows-scene .picture-caption{bottom:26%;max-width:38%}@media(max-width:700px){.compare-control{left:6%;bottom:73px;width:245px;padding:9px 12px}.compare-control>div{font-size:9px}.compare-control input{margin:9px 0}.compare-control small,.compare-control button{font-size:9px}.vehicle-scene .picture-caption,.windows-scene .picture-caption{bottom:27%;max-width:79%}.web-controls{left:6%;bottom:76px;gap:7px}.web-controls button{padding:10px 11px;font-size:10px}.web-label{bottom:22%}.web-label .ribbon{font-size:11px}}

.hero-material-copy{position:absolute;left:5%;top:15%;z-index:6;opacity:0;pointer-events:none}.hero-material-copy h2{font-size:clamp(38px,4vw,62px);margin-bottom:18px}.hero-material-copy p{font-size:15px}.mobile-portrait{display:none;opacity:0}.reduced .hero-material-copy{display:none}@media(max-width:700px){.mobile-portrait{display:block}.hero-art .hero-portrait{object-position:center!important}.business-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:5}.hero-material-copy{left:6%;top:15%}.hero-material-copy h2{font-size:38px}.hero-material-copy p{font-size:13px}}

.instagram-slider{align-items:flex-start}.instagram-frame iframe{max-width:100%;position:static!important}.instagram-frame blockquote{min-height:100px;padding:10px}

html.reduced .hero-heading{opacity:1!important}html.reduced .print-scene .scene-copy{opacity:1!important}.window-portrait-pair{position:absolute;inset:0;z-index:3;pointer-events:none}.window-portrait-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.window-portrait-pair .after{clip-path:inset(0 calc((1 - var(--wipe))*100%) 0 0)}

@media(max-aspect-ratio:6/5){.mobile-portrait{display:block}.hero-art .hero-portrait{object-position:center!important}.business-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:5}}@media(min-width:701px) and (max-width:1100px) and (max-aspect-ratio:6/5){.scene-copy{top:7%;left:6%;width:86%;max-width:none}.scene-copy h2{font-size:48px;margin:16px 0 20px}.scene-copy p{font-size:15px;max-width:85%}.hero-heading h1{font-size:52px}.business-monitor{left:50%;width:74vw}.picture-stage,.vehicle-scene .picture-stage,.windows-scene .picture-stage{left:7%;right:7%;top:38%;bottom:22%}.vehicle-scene .scene-copy,.windows-scene .scene-copy{width:87%}.print-scene .scene-copy{width:85%}.printer-stage{left:12%;width:76%;top:34%}.print-sizes{left:6%;bottom:17%;font-size:17px}.web-device{left:12%;width:76%;top:40%}.wow{left:20%;top:55%;font-size:22vw}.social-composition{left:14%;right:14%;top:40%;bottom:21%}.social-profile{width:73%}.reel-card{left:40%;width:43%}.social-metrics{bottom:-6%}.social-metrics>div{min-width:100px;padding:14px}.social-metrics b{font-size:24px}.social-metrics span{font-size:12px}.social-metrics small{font-size:11px}.picture-caption,.vehicle-scene .picture-caption{bottom:17%;max-width:75%}.vehicle-scene .picture-caption,.windows-scene .picture-caption{bottom:24%}.compare-control{width:310px}.compare-control>div,.compare-control small,.compare-control button{font-size:12px}.web-controls button{font-size:14px}.space-scene .scene-copy{width:75%}.brand-name{font-size:65px}.brand-characters{font-size:120px}.layout-card>strong{font-size:43px}.printed-art strong{font-size:39px}}

.reel-card>img{object-position:83% 50%}.archive-more{margin-top:45px}.archive-more>summary{list-style:none;cursor:pointer;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;padding:21px 0;font-size:16px;line-height:1.5}.archive-more>summary::-webkit-details-marker{display:none}.archive-more>summary span{color:var(--mint-ink);font-size:26px}.archive-more[open]>summary span{transform:rotate(90deg)}.archive-more .archive-heading{margin-top:35px}@media(max-width:700px){.archive-more>summary{font-size:14px;gap:20px}}

.windows-scene .scene-foot,.space-scene .scene-foot{background:#f4f4f4ed;color:#191919;padding:7px 10px;width:max-content;max-width:84%}

/* V4: image-led scenes, persistent navigation and contact */
:root{--paper:#fff}body{background:#fff}.scene{min-height:650px}.scene-copy{z-index:14;top:12%;width:36%;max-width:520px}.scene-copy h2{font-weight:550;letter-spacing:-.05em}.scene-copy p{max-width:450px}.scene-cta{display:inline-flex;margin-top:20px;font-size:13px;font-weight:600;border-bottom:1px solid #327660;padding:7px 0;color:inherit}.scene-copy .problem-line{font-size:13px;margin:14px 0 10px;border-left:3px solid #327660;padding-left:12px;line-height:1.5}.scene-copy .solution-line{font-size:15px}.navigation{position:fixed;inset:24px auto auto 4%;height:auto;padding:0;border:0;display:block;z-index:70;pointer-events:none;width:190px}.navigation .logo{display:block;width:190px;pointer-events:auto;filter:drop-shadow(0 1px 5px #fff)}.menu-toggle{display:flex!important;justify-content:center;align-items:center;border-radius:50%;width:35px;height:35px;background:#fff;color:#175a49;box-shadow:0 4px 18px #0002;margin-top:12px;font-size:26px;pointer-events:auto}.navigation nav,.nav-cta{display:none}.brand-intro{position:fixed;inset:0;background:#fff;z-index:200;display:flex;align-items:center;justify-content:center}.intro-logo{width:min(65vw,780px);position:relative;transform-origin:0 0}.intro-logo img{width:100%;animation:logo-jitter .6s both}.intro-cover{position:absolute;left:23%;top:0;right:0;bottom:0;background:#fff;animation:write-logo 1.25s .45s both}.brand-intro #intro-skip{position:absolute;bottom:30px;right:30px;background:none;font-size:12px;color:#777}.intro-leave{background:transparent;pointer-events:none}.intro-leave .intro-logo{position:fixed;left:4%;top:24px;width:190px;transition:all 1s cubic-bezier(.65,0,.2,1)}.intro-leave .intro-cover{display:none}.navigation{opacity:0;transition:opacity .3s}.intro-done .navigation{opacity:1}@keyframes logo-jitter{0%{opacity:0;transform:translate(-7px,2px)}25%{opacity:1;transform:translate(3px,-2px)}40%{transform:translate(-3px,1px)}70%{transform:translate(1px,0)}100%{transform:none}}@keyframes write-logo{from{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}
#mobile-nav{inset:0 auto 0 0;width:min(560px,100%);background:#fffffff7;backdrop-filter:blur(18px);padding:145px 5vw 100px;overflow:auto;box-shadow:15px 0 80px #0003;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;z-index:65}#mobile-nav .eyebrow{grid-column:1/-1;margin-bottom:20px;color:#777}#mobile-nav a{font-size:17px;border-bottom:1px solid #0001;padding:7px 0}#nav-close{position:absolute;right:22px;top:30px;background:none;font-size:35px}#mobile-nav .social-emblems{grid-column:1/-1;margin-top:24px}.social-emblems{display:flex;justify-content:center;gap:34px;margin:35px auto;color:#171717}.social-emblems a{display:block;width:37px;height:37px;transition:transform .2s}.social-emblems a:hover{transform:translateY(-4px)}.social-emblems svg{width:100%;height:100%}.hero-social{position:absolute;right:5%;top:23px;z-index:20}.hero-social .social-emblems{margin:0;gap:22px}.hero-social .social-emblems a{width:25px;height:25px}.fixed-actions{position:fixed;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;z-index:75;pointer-events:none;gap:15px}.fixed-actions a{pointer-events:auto;display:flex;align-items:center;gap:11px;box-shadow:0 8px 35px #0002;background:#fff;color:#191919;border:1px solid #0001;padding:13px 19px;border-radius:30px;font-size:12px;font-weight:600}.fixed-actions svg{height:28px;width:28px}.fixed-shop span{color:#175a49;font-size:21px}.fixed-whatsapp:hover{background:#191919;color:white}.fixed-shop:hover{background:#327660;color:white}.fixed-shop:hover span{color:white}.motion-switch{right:28px;bottom:82px;z-index:76}.scene-foot{bottom:91px}.track .detail-tab{top:48%;bottom:auto;clip-path:polygon(100% 0,100% 100%,0 50%);width:190px;height:190px;padding:0 12px 0 48px;background:#327660bb;backdrop-filter:blur(6px);display:flex;align-items:center;gap:8px;z-index:25;text-align:right;justify-content:end}.detail-tab span{display:block;font-size:14px;max-width:95px;line-height:1.3;font-weight:600}.detail-tab b{font-size:24px}.detail-tab:hover{background:#327660}.detail-dialog{background:#fff;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%);padding-left:90px;animation:panel-open .55s cubic-bezier(.2,.7,.2,1);max-width:680px}.detail-dialog::backdrop{background:#0006;backdrop-filter:blur(3px)}@keyframes panel-open{from{transform:translateX(100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%,100% 50%)}to{transform:none;clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%)}}
.hero-heading{z-index:12;top:15%;left:7%;right:7%;pointer-events:none}.hero-heading h1{font-weight:500;margin:20px 0 17px;font-size:clamp(46px,5.6vw,88px)}.hero-heading .discipline-line{font-size:clamp(20px,2vw,31px)}.hero-heading .hero-subline{background:#ffffffd9}.hero-art{inset:17% 0 7%;mask-image:linear-gradient(to bottom,transparent 0%,#0000 8%,#000 35%,#000 80%,transparent 100%);--edge:1}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff0 15%,#fff0 85%,#fff 100%);opacity:var(--edge);pointer-events:none;z-index:5}.hero-art img{object-position:center 40%}.hero-real,.hero-material{mask-image:none}.hero-tools{position:absolute;left:5%;top:33%;width:90%;height:54%;object-fit:contain;z-index:15;pointer-events:none}.hero-final{left:7%;bottom:24%;max-width:75%}.hero-final .ribbon{font-size:clamp(26px,3vw,48px)}.hero-material-copy{top:13%;z-index:14}.hero-material-copy p{background:#ffffffc9;padding:5px 10px;display:inline-block}.phase-controls{bottom:150px}.business-scene,.web-scene{background:#fff}.office-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.office-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none}.office-display,.web-display{position:absolute;left:52.8%;top:21.6%;width:31.1%;height:31.9%;clip-path:polygon(1% 7%,99% 0,100% 99%,0 97%);overflow:hidden;background:#111}.office-display .screen,.web-display .screen{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}.office-display img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.office-shade,.web-shade{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff5 18%,#ffffff90 38%,#fff0 65%)}.business-result{z-index:15;bottom:25%;left:5%;max-width:70%}.business-result .ribbon{background:#111d}.web-world{position:absolute;width:115%;left:-8%;top:0;height:100%;overflow:hidden}.web-office-photo{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover}.web-display{top:21.6%;height:31.9%}.web-world{width:max(100vw,177.8svh);height:max(56.25vw,100svh);left:calc((100vw - max(100vw,177.8svh))/2)}.web-shade{z-index:10}.web-scene .scene-copy{z-index:14}.wow{left:40%;top:44%;font-size:clamp(95px,17vw,280px);line-height:.8;color:#175a49;z-index:20;text-shadow:1px 2px #327660,2px 4px #327660,3px 6px #327660,4px 8px #327660,5px 10px #327660,6px 12px #327660,12px 20px 15px #0004,0 40px 35px #0003;letter-spacing:-.05em;pointer-events:none}.wow span{display:block;font-size:.26em;letter-spacing:.025em;line-height:1.2;margin-top:15px;text-shadow:1px 3px #327660,3px 5px #327660,8px 13px 15px #0004}.web-controls{z-index:25;bottom:130px}.web-controls button{background:#fff;box-shadow:0 6px 25px #0002;color:#111;border:1px solid #0002;font-size:13px}.web-controls button:last-child{background:#327660;color:#fff}.web-label{z-index:15;bottom:24%;left:5%;max-width:33%}.web-comparison-label{position:absolute;left:55%;top:18%;display:flex;gap:8px;z-index:15;font-size:10px}.web-comparison-label span,.web-comparison-label b{padding:8px 12px;background:#fff;box-shadow:0 2px 10px #0002}.web-comparison-label b{background:#327660;color:#fff}.web-before{background:#eee}.web-after{background:#17372e}
.vehicle-scene .picture-stage{inset:10% 0 8%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 80%,transparent);mask-composite:intersect;overflow:visible}.vehicle-scene .picture-stage img.before,.vehicle-scene .picture-stage img.after{object-fit:contain;object-position:center 60%;width:100%;height:100%}.vehicle-scene .scene-copy{width:45%;background:linear-gradient(90deg,#fff,#ffffffde 70%,transparent);padding:16px 25px 25px 0;top:12%;pointer-events:auto}.vehicle-tools{position:absolute;inset:10% 6%;width:88%;height:80%;z-index:5;object-fit:contain;pointer-events:none}.paper-tape{position:absolute;width:110px;height:35px;background:#ead8b1b0;box-shadow:0 2px 3px #0001;z-index:4}.tape-one{left:17%;top:17%;transform:rotate(-25deg)}.tape-two{right:13%;bottom:15%;transform:rotate(25deg)}.vehicle-scene .reveal-line{display:none}.picture-caption{z-index:15}.compare-control{z-index:24;bottom:140px;background:#ffffffed}.vehicle-scene .picture-caption{bottom:29%;max-width:40%}.print-scene .scene-copy{top:12%;width:55%}.print-scene .scene-copy h2{font-size:clamp(43px,5vw,75px)}.print-scene .scene-copy p{max-width:460px}.print-tagline{position:absolute;top:28%;right:7%;color:#175a49;font-size:17px}.printer-stage{left:5%;top:34%;width:90%;height:58%}.printer-image{width:100%;max-width:none;z-index:3}.printed-art{background:#fff;display:flex;justify-content:center;flex-direction:column;padding:4% 5%;height:100%}.printed-art strong{font-size:clamp(30px,4.4vw,78px);line-height:1.04;letter-spacing:-.055em;position:relative;z-index:2}.printed-art>span{font-size:12px;letter-spacing:.06em;margin-bottom:10px}.printed-art p{font-size:15px;position:relative;z-index:2;margin-top:12px}.print-graphic{background:#327660;border-radius:100%;width:50%;aspect-ratio:1;position:absolute;right:-15%;bottom:-55%}.print-sheet{z-index:4;box-shadow:0 18px 40px #0003}.print-sizes{bottom:103px}.machine-note{bottom:97px;font-size:10px;right:15%}.print-carriage{z-index:5}.brand-scene,.layout-scene{background:#fff}.brand-table{position:absolute;inset:15% 0 12%;background:linear-gradient(180deg,#fff,#fafafa 80%,#fff);perspective:1200px}.identity-stack{position:absolute;width:88%;height:80%;left:6%;bottom:0;object-fit:contain;max-width:none}.brand-table-shadow{position:absolute;inset:45% 8% 0;background:radial-gradient(ellipse,#0000000e,transparent 70%)}.brand-step{position:absolute;right:8%;top:10%;font:300 25px Condensed;letter-spacing:.12em}.brand-step:nth-last-child(2){top:22%}.brand-step:last-child{top:34%}.brand-scene .scene-copy{background:linear-gradient(90deg,#fff,#fffffff0 80%,transparent)}.print-products{position:absolute;inset:25% 0 13%}.print-product-stack{position:absolute;inset:0;width:95%;height:100%;object-fit:contain;max-width:none}.merch-stack{position:absolute;right:5%;bottom:0;width:43%;height:60%;object-fit:contain;mask-image:radial-gradient(ellipse,#000 60%,transparent 75%);max-width:none}.layout-scene .scene-copy{top:11%}.signs-scene{background:#dddddd}.signs-wall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sign-copy-shade{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#ffffffee,#ffffffa0 30%,transparent 65%)}.sign-mount{position:absolute;left:47%;top:30%;width:42%;height:33%;background:linear-gradient(130deg,#ffffff95,#ffffff30 40%,#ffffff75);border:1px solid #ffffffb0;box-shadow:0 20px 45px #0002,3px 4px 0 #a9acaa;backdrop-filter:blur(1px);z-index:6;border-radius:2px}.sign-mount>i{position:absolute;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#fff,#666);border-radius:50%;box-shadow:0 3px 5px #0003}.sign-mount>i:nth-child(1){top:15px;left:15px}.sign-mount>i:nth-child(2){top:15px;right:15px}.sign-mount>i:nth-child(3){bottom:15px;left:15px}.sign-mount>i:nth-child(4){bottom:15px;right:15px}.sign-lettering{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#28352d;gap:18px}.sign-lettering b{font-size:clamp(24px,3vw,50px);letter-spacing:.02em;font-weight:500}.sign-lettering span{font-size:11px;letter-spacing:.17em}.house-number{position:absolute;right:5%;top:17%;font-size:85px;font-weight:600;color:#2e3831;text-shadow:3px 3px #999,7px 8px 10px #0003}.wall-letters{position:absolute;right:13%;bottom:22%;font-size:34px;font-weight:500;text-shadow:2px 2px #aaa,4px 5px 6px #0002}.windows-scene .picture-stage{inset:0;mask:none;overflow:hidden}.windows-scene .picture-stage img{object-fit:cover!important;object-position:center;max-width:none}.windows-scene .scene-copy{z-index:15;padding:20px;background:#fffffff0;top:12%;left:5%;width:38%}.windows-scene .picture-caption{bottom:29%}.film-roll{position:absolute;top:0;bottom:0;width:50px;z-index:6;transform:translateX(-50%);background:linear-gradient(90deg,#ffffff00,#fff5 15%,#dedede 40%,#fff 65%,#fffa 75%,transparent);border-radius:50%;box-shadow:10px 0 20px #0003;pointer-events:none}.film-roll:before,.film-roll:after{content:'';position:absolute;left:0;width:50px;height:16px;border-radius:50%;background:radial-gradient(ellipse,#aaa 15%,#fff 20%,#eee 50%,#bbb)}.film-roll:before{top:-5px}.film-roll:after{bottom:-5px}.film-roll span{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#32766055,transparent)}.windows-scene .reveal-line{display:none}.space-image{object-fit:cover;object-position:center}.space-scene .scene-copy{z-index:15;background:#ffffffed;color:#191919;top:13%;width:37%}.space-words{bottom:23%;z-index:15}.laser-scene{background:#151514}.laser-cut-scene{position:absolute;inset:0}.laser-machine,.laser-wall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.laser-wall{opacity:0}.laser-scene .scene-copy{background:#111b;padding:25px;z-index:15}.cut-path{position:absolute;left:58%;top:48%;width:80px;height:100px;border:2px solid #327660;box-shadow:0 0 12px #327660;clip-path:inset(0 100% 0 0)}.laser-letter{position:absolute;left:55%;top:44%;font-size:130px;font-weight:800;color:#d6a34b;text-shadow:2px 2px #8d601c,4px 4px #6d4a1b,12px 15px 18px #0009;z-index:10}.instagram-pagination{display:flex;align-items:center;justify-content:center;gap:28px;margin:30px 0}.instagram-pagination button{width:50px;height:50px;border-radius:50%;font-size:22px;background:#fff;color:#111}.instagram-pagination span{font-size:14px}.instagram-slider{justify-content:center;overflow:visible}.instagram-frame{flex:0 1 480px;max-width:480px;padding:15px;background:#fff;border-radius:10px;color:#111}.instagram-frame iframe{display:block;width:100%;border:0;border-radius:6px;background:#fff}.instagram-frame>a{display:block;color:#111;font-size:13px;padding:15px 0;text-align:center}.instagram-consent{border-radius:12px}.social-composition{top:22%;bottom:20%;left:43%;right:7%;perspective:1300px}.social-profile{background:#fff;color:#111;width:74%;max-width:490px;padding:20px;border:1px solid #eee;border-radius:8px;box-shadow:0 20px 50px #0001}.profile-top{padding-bottom:15px;border-bottom:1px solid #eee}.profile-summary{display:flex;align-items:flex-start;margin:18px 0;gap:17px}.profile-summary>div:last-child{flex:1}.avatar,.ig-avatar{background:linear-gradient(120deg,#327660,#e7caa9);color:#fff;font:italic 38px Georgia;border-radius:50%;display:grid;place-items:center}.ig-stats{display:flex;gap:18px;font-size:12px}.ig-stats small{display:block;font-weight:400;font-size:9px}.profile-summary p{font-size:10px;margin:13px 0}.ig-profile-actions{padding:7px;background:#efefef;border-radius:5px;font-size:10px}.social-grid{gap:2px}.social-grid img{aspect-ratio:1;object-fit:cover}.social-grid img:nth-child(3){object-position:80% 20%}.social-grid img:nth-child(5){object-position:10% 60%}.ig-bottom{border-top:1px solid #eee;font-size:20px;text-align:center;padding-top:14px;margin-top:14px}.ig-post{background:#fff;color:#111;width:52%;max-width:350px;left:39%;top:8%;padding:0;border:0;border-radius:8px;overflow:hidden;box-shadow:0 35px 80px #0003;aspect-ratio:auto}.ig-post-head{display:flex;align-items:center;padding:10px;gap:10px;font-size:11px}.ig-post-head>span:last-child{margin-left:auto}.ig-avatar{height:25px;width:25px;font-size:20px}.ig-post>img{position:static;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 30%}.ig-post-actions{font-size:24px;padding:7px 12px;line-height:1}.ig-post-actions span{float:right}.ig-post-caption{padding:4px 12px 12px;font-size:10px;line-height:1.5}.ig-post-caption p{font-size:10px;line-height:1.45;margin:4px 0}.ig-post-caption small{font-size:9px;color:#777}.social-metrics{left:0;bottom:0;gap:12px}.social-metrics small{color:#666}.social-metrics>div{box-shadow:0 10px 25px #0001}.social-scene{background:#fff;color:#111}.contact .social-emblems{margin-top:70px}.site-footer{padding-bottom:115px}.shop-open .navigation,.shop-open .motion-switch{display:none}.shop-open .fixed-shop{visibility:hidden}#shop-page{min-height:100svh;padding:13svh 24px 120px;display:flex;align-items:center;flex-direction:column;text-align:center;background:#fff;gap:30px}#shop-page>img{width:min(390px,75vw)}#shop-page h1{font-size:clamp(35px,4vw,65px);margin:15px 0}#shop-page p{font-size:18px}#shop-page .panel-cta{margin-top:25px}
@media(max-width:1100px){.scene-copy{width:42%}.scene-copy h2{font-size:48px}.wow{left:42%;font-size:18vw}.web-label{max-width:40%}.social-composition{left:44%;right:4%;top:29%;bottom:25%}.profile-summary{gap:10px}.ig-stats{gap:12px}.social-profile{padding:14px;width:77%}.ig-post{left:30%;width:63%}.brand-step{font-size:20px}.sign-mount{left:45%;width:45%}.sign-lettering span{font-size:9px}}
@media(max-width:700px),(max-aspect-ratio:6/5) and (max-width:1100px){.navigation{top:20px;left:22px;width:150px}.navigation .logo{width:150px}.intro-logo{width:88vw}.intro-leave .intro-logo{top:20px;left:22px;width:150px}.hero-social{top:26px;right:22px}.hero-heading{top:15%;left:6%;right:6%}.hero-heading h1{font-size:clamp(34px,8.9vw,56px);margin:13px 0}.hero-heading .discipline-line{font-size:17px;line-height:1.4}.hero-art{inset:23% 0 7%;mask-image:linear-gradient(to bottom,transparent,#000 38%,#000 84%,transparent)}.hero-art img{object-position:center}.hero-tools{top:34%;height:48%;left:2%;width:96%}.hero-final .ribbon{font-size:27px}.hero-material-copy{top:15%;left:6%}.phase-controls{bottom:152px}.scene-copy{top:15%;left:6%;width:85%;max-width:none}.scene-copy h2{font-size:clamp(32px,8.8vw,55px);margin:13px 0}.scene-copy p{font-size:13px;max-width:94%;line-height:1.5}.scene-cta{font-size:12px;margin-top:12px}.scene-copy .problem-line{font-size:11px;margin:12px 0 8px}.scene-copy .solution-line{font-size:12px}.track .detail-tab{top:auto;bottom:155px;width:110px;height:140px;padding-left:35px;padding-right:7px}.detail-tab span{font-size:10px;width:58px}.detail-tab b{font-size:19px}.fixed-actions{left:12px;right:12px;bottom:14px;gap:8px}.fixed-actions a{font-size:10px;padding:10px 12px;gap:7px}.fixed-actions svg{height:23px;width:23px}.fixed-shop span{font-size:17px}.motion-switch{right:18px;bottom:78px}.scene-foot{bottom:91px;font-size:8px;max-width:78%}.concept{display:none}.office-shade,.web-shade{background:linear-gradient(#fff 0%,#fffffff2 24%,#ffffff40 50%,transparent 80%)}.business-result{bottom:24%;max-width:78%;left:6%}.business-result>.ribbon{font-size:25px}.business-result p.ribbon{font-size:12px}.web-world{width:260vw;height:146.25vw;left:-126vw;top:32%}.web-display{top:21.6%;height:31.9%}.web-shade{background:linear-gradient(#fff 0%,#fffffff2 27%,transparent 54%)}.wow{left:9%;top:57%;font-size:32vw}.wow span{font-size:.28em;margin-top:10px}.web-controls{bottom:145px;left:6%;gap:8px}.web-controls button{font-size:10px;padding:10px}.web-comparison-label{top:46%;left:5%;right:5%;font-size:8px;justify-content:center;gap:4px}.web-label{bottom:24%;max-width:80%;left:6%}.web-label .ribbon{font-size:12px}.web-before h3{font-size:31px}.web-editorial h3{font-size:30px}.web-poster span{font-size:37px}.web-after nav{font-size:8px}.web-after footer{font-size:6px}.web-editorial p{font-size:7px}.web-editorial>span{font-size:7px}.vehicle-scene .scene-copy{top:13%;left:6%;width:88%;padding:15px 0 15px;background:linear-gradient(#fff,#ffffffd0,transparent)}.vehicle-scene .picture-stage{inset:23% -6% 14%}.vehicle-scene .picture-stage img.before,.vehicle-scene .picture-stage img.after{object-position:center 55%}.vehicle-tools{inset:5% 0;width:100%;height:90%}.paper-tape{width:70px;height:25px}.compare-control{bottom:137px;left:6%;width:235px}.vehicle-scene .picture-caption,.windows-scene .picture-caption{bottom:30%;max-width:75%;left:6%}.print-scene .scene-copy{top:15%;width:88%}.print-tagline{top:39%;left:6%;right:auto;font-size:15px}.printer-stage{left:-12%;width:124%;top:45%;height:46%}.printed-art strong{font-size:clamp(25px,6.5vw,42px)}.printed-art>span{font-size:9px;margin-bottom:6px}.printed-art p{font-size:10px;margin-top:6px}.print-sizes{left:6%;bottom:106px;font-size:11px}.machine-note{bottom:88px;right:15%;font-size:7px}.brand-table{inset:38% -10% 16%}.identity-stack{width:110%;left:-5%;height:95%}.brand-step{font-size:13px;right:16%;top:0}.brand-step:nth-last-child(2){top:8%}.brand-step:last-child{top:16%}.print-products{inset:39% -5% 17%}.print-product-stack{width:110%;max-width:none}.merch-stack{width:60%;height:45%;right:0}.sign-copy-shade{background:linear-gradient(#ffffffee 0%,#ffffffcc 30%,transparent 65%)}.sign-mount{left:7%;width:84%;top:48%;height:22%}.sign-lettering b{font-size:26px}.sign-lettering span{font-size:8px}.house-number{right:7%;top:37%;font-size:50px}.wall-letters{right:18%;bottom:25%;font-size:23px}.windows-scene .scene-copy{top:15%;left:6%;width:84%;padding:15px;background:#ffffffe6}.windows-scene .picture-stage{inset:0}.film-roll{width:28px}.film-roll:before,.film-roll:after{width:28px}.social-composition{top:43%;left:6%;right:8%;bottom:24%}.social-profile{width:73%;padding:10px}.profile-top{padding-bottom:10px;font-size:10px}.profile-summary{margin:11px 0;gap:7px}.avatar{width:34px;height:34px;font-size:28px}.ig-stats{font-size:9px;gap:9px}.ig-stats small{font-size:7px}.profile-summary p{font-size:8px;margin:7px 0}.ig-profile-actions{font-size:7px;padding:5px}.ig-bottom{font-size:13px;margin-top:10px;padding-top:8px}.ig-post{left:34%;top:4%;width:63%;border-radius:6px}.ig-post-head{padding:7px;gap:7px;font-size:8px}.ig-avatar{height:20px;width:20px;font-size:16px}.ig-post-actions{font-size:18px;padding:7px}.ig-post-caption{font-size:8px;padding:0 7px 8px}.ig-post-caption p,.ig-post-caption small{font-size:7px;line-height:1.35}.social-metrics{bottom:-14%;gap:7px}.social-metrics>div{padding:8px 11px;min-width:75px}.social-metrics b{font-size:18px}.social-metrics small{font-size:8px;max-width:220px}.space-scene .scene-copy{top:15%;width:86%;padding:20px}.space-words{bottom:23%}.laser-scene .scene-copy{top:15%;width:84%;padding:18px}.laser-machine,.laser-wall{object-position:65% center}.laser-letter{left:55%;top:55%;font-size:100px}.cut-path{top:57%;left:58%}.detail-dialog{clip-path:polygon(8% 0,100% 0,100% 100%,8% 100%,0 50%);padding:55px 25px 100px 42px;width:100vw}.detail-dialog h2{font-size:30px}.detail-dialog::before{display:none}.instagram-frame{max-width:100%;padding:8px}.instagram-frame iframe{height:650px}.instagram-slider{width:100%}.social-emblems{gap:40px}.site-footer{padding-bottom:125px}#mobile-nav{padding:120px 25px 110px;gap:8px 18px}#mobile-nav a{font-size:14px}.hero-social .social-emblems a{width:23px;height:23px}.hero-social .social-emblems{gap:15px}}
html.reduced .track{height:auto}html.reduced .scene{min-height:850px}html.reduced .hero-scene{opacity:1!important}html.reduced .business-result{opacity:1!important}html.reduced .brand-intro{display:none}html.reduced .navigation{opacity:1}html.reduced .drawing-tools{opacity:1!important}html.reduced .scene-copy{transform:none!important}html.reduced .business-scene .scene-copy{opacity:0!important}

@font-face{font-family:Instrument;src:url('assets/fonts/InstrumentSans-Variable.ttf') format('truetype');font-weight:400 700;font-display:swap}body{font-family:Instrument,Studio,Arial,sans-serif}.hero-heading .hero-solution{font-size:13px;line-height:1.45;max-width:630px;margin:9px auto 0;background:#ffffffbd;padding:5px 12px}.detail-dialog .problem-line{border-left:3px solid #327660;padding-left:15px;font-weight:600}@media(max-width:700px){.hero-heading .hero-solution{font-size:11px;max-width:92%}}

.brand-intro{transition:background 1s}.intro-leave .intro-logo{position:relative;left:auto;top:auto;width:min(65vw,780px);transition:none}.hero-tools{top:45%;height:39%;z-index:9}.hero-art{mask-image:linear-gradient(to bottom,transparent 0%,#0000 15%,#000 45%,#000 82%,transparent 100%)}.identity-piece.piece-0{clip-path:inset(0 56% 0 0)}.identity-piece.piece-1{clip-path:inset(0 29% 0 44%)}.identity-piece.piece-2{clip-path:inset(0 0 0 71%)}@media(max-width:700px){.intro-leave .intro-logo{width:88vw}.hero-tools{top:48%;height:33%}}

@media(max-width:700px){.business-result{left:6%;right:118px;max-width:none}.business-result>.ribbon{font-size:22px}.business-result p.ribbon{font-size:11px}.windows-scene .picture-caption{max-width:60%}}.navigation .logo{filter:drop-shadow(0 0 2px white) drop-shadow(0 0 5px white) drop-shadow(0 0 12px #fff9)}

.ig-post-actions{display:flex;gap:13px;align-items:center}.ig-post-actions svg{width:22px;height:22px;fill:none;stroke:#111;stroke-width:1.7}.ig-post-actions .ig-bookmark{margin-left:auto}@media(max-width:700px){.ig-post-actions svg{width:17px;height:17px}.ig-post-actions{gap:10px}}

@media(max-width:700px){.social-metrics{flex-direction:column;left:0;bottom:0;width:80px;gap:7px}.social-metrics>div{min-width:75px;width:80px}.social-metrics small{max-width:88px;font-size:7px}.social-scene .detail-tab{bottom:320px;height:120px;width:100px}.ig-post-caption p,.ig-post-caption small{font-size:8px}.ig-post-caption{font-size:9px}.ig-post-head{font-size:9px}.printer-stage{left:-1%;width:102%;top:48%}.print-tagline{top:42%;font-size:14px}.machine-note{display:none}.printed-art strong{font-size:clamp(21px,5.5vw,29px)}.printed-art p{font-size:9px}.print-sizes{bottom:116px}}html.reduced .vehicle-tools{opacity:0!important}

.laser-letter{width:130px;height:190px;object-fit:contain;font-size:initial;text-shadow:none;filter:drop-shadow(8px 12px 15px #0006)}@media(max-width:700px){.laser-letter{width:100px;height:160px}}.hero-art img.hero-sketch,.hero-art img.hero-material,.hero-art img.hero-real{object-position:center}.hero-social{z-index:71}

.web-after{background:#191919;color:#fff}.web-after nav,.web-after footer{position:relative;z-index:3;color:#fff}.web-poster{background:none;transform:none;overflow:hidden;right:0;top:0;height:100%;width:49%}.web-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.85}.web-poster span{position:absolute;left:12%;bottom:12%;font-size:clamp(25px,3.8vw,58px);font-weight:600;line-height:.91;letter-spacing:-.065em;color:#fff;z-index:2;transform:rotate(-6deg)}.web-editorial{position:relative;z-index:3;width:50%;padding-right:15px}.web-editorial h3{font-size:clamp(35px,4vw,60px);line-height:.93}.web-editorial>span{background:#327660;padding:8px 10px;font-size:8px;display:inline-block;margin-top:15px}.web-after footer{background:#191919e0}@media(max-width:700px){.web-editorial h3{font-size:34px}.web-poster span{font-size:39px}.web-editorial>span{font-size:6px;padding:5px}.web-editorial p{font-size:7px}.web-after nav{font-size:8px}}

.web-label{display:none}.office-world{width:max(100vw,177.8svh);height:max(56.25vw,100svh)}@media(max-width:700px){.laser-wall{object-fit:contain;background:#272727;object-position:center 72%}.wall-letters{left:8%;right:auto}}html.reduced .windows-scene .scene-copy{opacity:0!important}

@media(min-width:1101px){.identity-stack{left:33%;width:65%;height:87%}.print-product-stack{left:33%;width:65%;height:100%}.merch-stack{width:35%;right:2%}.printer-stage{left:9%;width:82%;top:30%}.laser-scene .scene-copy{width:24%;padding:20px}.laser-scene .scene-copy h2{font-size:40px;line-height:1.07}.laser-scene .scene-copy p{font-size:13px}.laser-scene .scene-cta{font-size:12px}.print-scene .scene-foot{background:#191919;padding:7px 10px;width:max-content;max-width:80%}}@media(min-width:701px) and (max-width:1100px) and (min-aspect-ratio:6/5){.identity-stack{left:37%;width:62%}.print-product-stack{left:38%;width:60%}.merch-stack{width:32%;right:1%}.laser-scene .scene-copy{width:26%;padding:15px}.laser-scene .scene-copy h2{font-size:32px}.laser-scene .scene-copy p{font-size:12px}.laser-wall{object-fit:contain;background:#252525}}

@media(max-aspect-ratio:6/5) and (min-width:701px) and (max-width:1100px){.laser-wall{object-fit:contain;background:#272727;object-position:center 72%}.social-composition{top:40%;left:12%;right:10%}.ig-post{max-width:260px;left:42%}.ig-post-caption p,.ig-post-caption small{font-size:11px}.ig-post-head{font-size:12px}.ig-post-actions svg{width:22px;height:22px}.social-profile{max-width:380px}.profile-summary p{font-size:11px}.ig-stats{font-size:13px}.ig-stats small{font-size:10px}.profile-top{font-size:14px}.social-metrics{bottom:-8%}.social-scene .detail-tab{bottom:28%}}

.intro-logo{animation:intro-center 1.25s .35s both}@keyframes intro-center{from{transform:translateX(39%)}to{transform:translateX(0)}}html.intro-running{overflow:hidden}.wow span{color:#175a49}.site-footer>div{flex-wrap:wrap}.brand-intro{z-index:200}

.instagram-frame{animation:instagram-enter .3s ease both}@keyframes instagram-enter{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@media(max-width:700px){.instagram-frame iframe{height:780px}}

@media(max-width:700px){.fixed-actions a{font-size:12px}.track .detail-tab{width:120px;height:150px;padding-left:40px;padding-right:8px;gap:4px}.detail-tab span{font-size:12px;width:50px}.scene-copy .problem-line{font-size:12px}.scene-copy .solution-line{font-size:13px}.social-composition{top:45%}.ig-post{width:60%}.ig-post-caption p{font-size:9px}.ig-post-caption{font-size:10px}.print-tagline{top:45%}.printed-art strong{font-size:clamp(18px,5vw,26px)}}@media(max-width:360px){.fixed-actions a{font-size:10px}}@media(max-aspect-ratio:6/5) and (max-width:1100px){.brand-step{display:none}}@media(max-aspect-ratio:6/5) and (min-width:701px) and (max-width:1100px){.scene-copy .problem-line{font-size:13px}.scene-copy .solution-line{font-size:14px}.print-tagline{top:43%}}

html{scroll-padding-top:0}@media(max-width:700px){.section{padding-top:115px}}

.phase-controls{z-index:30;box-shadow:0 8px 30px #0001}

.cut-path{display:none}@media(max-width:700px),(max-aspect-ratio:6/5) and (max-width:1100px){.laser-machine{object-position:75% center}}
/* V5: Motive und Text besitzen getrennte, stabile Flächen. */
:root{--paper:#fff}body,.paper{background:#fff}.scene{background:#fff;color:#191919}.scene-copy{position:absolute!important;left:7%!important;top:15%!important;width:29%!important;max-width:430px!important;padding:0!important;background:none!important;box-shadow:none!important;z-index:12!important}.scene-copy h2{font-size:clamp(32px,3.65vw,58px)!important;line-height:1.07!important;margin:15px 0 24px!important}.scene-copy h2 em{font-style:normal;color:#175a49}.scene-copy .eyebrow{font-size:11px!important;line-height:1.5}.scene-copy p{font-size:15px!important;line-height:1.55!important}.scene-copy .problem-line{margin:0 0 12px!important}.scene-copy .solution-line{margin:0 0 22px!important}.scene-cta{font-size:13px!important}.visual-field{position:absolute;left:42%;right:5%;top:15%;bottom:14%;overflow:hidden;z-index:2}.picture-stage{position:absolute!important;left:42%!important;right:5%!important;top:15%!important;bottom:14%!important;width:auto!important;height:auto!important;max-width:none!important;mask-image:none!important;background:none!important;border-radius:0!important;box-shadow:none!important;transform-origin:center}.picture-stage>.before,.picture-stage>.after{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;mask-image:none!important}.vehicle-scene::before,.windows-scene::before{content:none!important}.vehicle-scene{background:#fff;background-image:linear-gradient(#19191903 1px,transparent 1px),linear-gradient(90deg,#19191903 1px,transparent 1px);background-size:42px 42px}.vehicle-tools{object-fit:contain!important;width:62%!important;height:72%!important;left:20%!important;top:20%!important}.paper-tape{opacity:.7}.picture-caption,.machine-note,.print-sizes,.brand-step,.space-words,.web-comparison-label,.business-result,.hero-material-copy,.reveal-line{display:none!important}
.hero-heading{top:12%!important;left:7%!important;right:7%!important;z-index:12;transform:none!important;opacity:1!important}.hero-heading h1{font-size:clamp(40px,4.8vw,76px)!important;line-height:1.02!important}.hero-heading .discipline-line{font-size:clamp(16px,1.65vw,26px)!important;margin-top:20px!important}.hero-heading .hero-subline,.hero-heading .hero-solution{background:none!important;padding:0!important;font-size:14px!important;margin-top:12px!important;max-width:650px}.hero-art{left:8%!important;right:8%!important;top:44%!important;bottom:11%!important;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)!important}.hero-art img{object-fit:contain!important;object-position:center!important;mask-image:none!important}.hero-art::after{display:none!important}.hero-tools{left:26%!important;right:auto!important;top:47%!important;width:48%!important;height:36%!important;object-fit:contain!important;z-index:5!important}.hero-final{left:0!important;right:0!important;top:auto!important;bottom:8%!important;text-align:center!important;transform:none!important}.hero-final .ribbon{font-size:18px;background:none;color:#191919}.sketch-lines{display:none!important}.hero-social{top:29px;right:90px}
.navigation{position:absolute!important;height:80px!important;left:0!important;right:0!important;top:0!important;padding:24px 5%!important;border:0!important;background:none!important;pointer-events:none}.navigation .logo{position:absolute!important;left:5%!important;top:24px!important;width:190px!important;filter:none!important;transition:opacity .25s,transform .25s;pointer-events:auto}.navigation .logo.logo-away{opacity:0!important;transform:translateY(-15px);pointer-events:none}.navigation .menu-toggle{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:fixed!important;left:auto!important;right:26px!important;top:24px!important;width:42px!important;height:42px!important;min-width:42px;background:#ffffffc9!important;backdrop-filter:blur(10px);border:1px solid #19191916;border-radius:50%;color:#191919!important;box-shadow:0 5px 20px #0000000c;pointer-events:auto;z-index:125}.menu-toggle i{display:block;width:16px;height:1.5px;background:currentColor;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded=true] i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}#mobile-nav{inset:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:13px!important;padding:100px max(8vw,40px)!important;background:#ffffffb5!important;backdrop-filter:blur(12px);box-shadow:none!important;border:0!important;z-index:110!important;animation:nav-wash .3s ease both}#mobile-nav>.eyebrow{grid-column:1/-1;text-align:center;padding-bottom:16px;color:#191919}#mobile-nav>a{justify-self:center;display:flex;justify-content:center;align-items:center;width:min(100%,350px);min-height:44px;padding:12px 18px!important;border:1px solid #327660!important;border-radius:50px!important;font-size:15px!important;color:#175a49!important;background:#ffffff90;opacity:0;animation:nav-float .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--nav-index,0)*22ms);box-shadow:0 8px 25px #00000005;transition:background .2s,color .2s,transform .2s}#mobile-nav>a:hover,#mobile-nav>a.active{background:#327660!important;color:#fff!important;transform:translateY(-2px)}#mobile-nav .social-emblems{grid-column:1/-1;justify-content:center;margin-top:15px}#nav-close{display:none}@keyframes nav-float{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes nav-wash{from{opacity:0}to{opacity:1}}
.detail-tab{position:absolute!important;left:0!important;right:auto!important;top:calc(50% - 30px)!important;bottom:auto!important;width:29px!important;height:65px!important;padding:0!important;display:grid!important;place-content:center!important;gap:0!important;clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%)!important;background:#327660e8!important;color:white!important;z-index:30!important;opacity:.88}.detail-tab span{font-size:22px!important;line-height:1!important;width:auto!important;transform:none!important}.detail-tab b{display:none}.scene-foot{position:absolute!important;left:13px!important;right:auto!important;top:23%!important;bottom:auto!important;padding:0!important;width:2px!important;height:105px!important;background:none!important;gap:0!important}.scene-foot .phase,.scene-foot .concept{display:none!important}.scene-foot .progress{width:2px!important;height:100%!important;background:#19191916!important;transform:none!important}.scene-foot .progress b{width:2px!important;height:calc(var(--p)*100%)!important;background:#327660!important}.phase-controls{position:absolute!important;left:2px!important;right:auto!important;top:62%!important;bottom:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;width:24px!important;gap:7px!important;background:none!important;box-shadow:none!important;padding:0!important;z-index:35!important}.phase-controls button{width:21px!important;height:21px!important;padding:0!important;border:1px solid #327660!important;border-radius:50%!important;background:#fff!important;color:#175a49!important;font-size:10px!important}.phase-controls button.selected{background:#327660!important;color:#fff!important}.compare-control{position:absolute!important;left:0!important;right:auto!important;top:62%!important;bottom:auto!important;width:28px!important;height:140px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;z-index:35!important}.compare-control div,.compare-control small,.compare-control button{display:none!important}.compare-control input{position:absolute;left:-42px;top:58px;width:110px!important;height:18px!important;transform:rotate(-90deg);accent-color:#327660}.web-controls{position:absolute!important;left:1px!important;right:auto!important;top:62%!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;width:25px!important;z-index:35!important}.web-controls button{font-size:10px!important;width:24px!important;height:25px!important;padding:0!important;border:1px solid #327660!important;border-radius:4px!important;background:white!important;color:#175a49!important}.web-controls button.active{background:#327660!important;color:white!important}
.office-world,.web-world{position:absolute;left:0!important;top:0!important;max-width:none!important;transform-origin:0 0!important}.office-photo,.web-office-photo{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:fill!important;opacity:1!important;filter:none!important;mask-image:none!important}.office-shade,.web-shade,.sign-copy-shade{display:none!important}.office-display,.web-display{position:absolute;background:#101010;border:0!important;overflow:hidden}.office-display .screen,.web-display .screen{width:100%;height:100%}.office-display img{object-fit:contain!important;background:#111}.web-world{width:100%;height:auto;aspect-ratio:16/9;top:50%!important;transform:translateY(-50%)}.web-display{left:31%;top:18%;width:38%;height:40%;clip-path:none!important}.wow{left:57%!important;top:54%!important;width:auto!important;font-size:clamp(75px,10vw,160px)!important;transform-origin:center;z-index:6!important;text-shadow:1px 2px 0 #327660,2px 5px 0 #327660,3px 8px 0 #327660!important;filter:drop-shadow(0 18px 9px #0003)!important}.wow span{display:none!important}
.brand-table,.print-products{position:absolute!important;inset:15% 5% 14% 42%!important;width:auto!important;height:auto!important;background:none!important}.brand-table-shadow{display:none!important}.identity-stack,.print-product-stack{left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}.merch-stack{display:none!important}.brand-step{display:none!important}.sign-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;transition:none}.sign-blank,.sign-finished{opacity:0}.sign-mount,.house-number,.wall-letters{display:none!important}.windows-scene .film-roll{top:0;bottom:0;width:25px}.laser-cut-scene{position:absolute;inset:0}.laser-machine,.laser-wall,.space-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;mask-image:none!important;background:none!important}.laser-scene,.space-scene{background:white!important;color:#191919!important}.laser-scene .scene-copy{color:#191919!important}.laser-letter{position:absolute;z-index:5;width:100px!important;height:145px!important}.space-field{overflow:hidden}.space-image{transform-origin:center}
.social-composition{position:absolute!important;left:44%!important;right:8%!important;top:15%!important;bottom:14%!important;width:auto!important;height:auto!important}.social-profile{position:absolute;width:68%;max-width:370px!important;left:0;top:0;height:auto}.reel-card{position:absolute!important;left:40%!important;top:7%!important;width:56%!important;max-width:300px!important;height:auto!important}.social-metrics{left:0!important;bottom:0!important;flex-direction:row!important;gap:15px!important;width:auto!important}.social-metrics small{font-size:9px!important}.ig-post-caption,.ig-post-caption p{font-size:11px!important}.ig-post-caption small{font-size:10px!important}.social-scene .detail-tab{top:calc(50% - 30px)!important}
.print-scene{background:#191919!important;color:white!important}.print-scene .scene-copy{top:11%!important;left:7%!important;width:70%!important;max-width:860px!important}.print-scene .scene-copy h2{font-size:clamp(36px,4vw,60px)!important;margin:10px 0 14px!important}.print-scene .scene-copy p{max-width:560px;font-size:14px!important}.print-scene .scene-copy .solution-line{margin-bottom:12px!important}.printer-stage{left:50%!important;right:auto!important;top:32%!important;width:min(88%,104svh)!important;max-width:none!important;transform:translateX(-50%)!important}.printer-image{width:100%!important;height:auto!important;object-fit:contain!important}.print-tagline{right:7%!important;top:21%!important;left:auto!important;font-size:16px!important;max-width:200px}.printed-art{padding:6% 5%!important;justify-content:space-between!important}.printed-art strong{font-size:clamp(20px,3vw,42px)!important;line-height:1!important;letter-spacing:-.045em!important}.printed-art span{font-size:12px!important}.printed-art p{font-size:12px!important}.print-graphic{display:none!important}.print-carriage{height:6px!important}
.fixed-actions{z-index:80}.fixed-whatsapp{display:flex;align-items:center;gap:10px;border:1px solid #1919190c;cursor:pointer;font-size:12px}.fixed-actions a,.fixed-actions button{box-shadow:0 6px 24px #0000000c}.motion-switch{width:28px!important;height:28px!important;right:18px!important;bottom:88px!important;font-size:13px!important}#contact-chat{position:fixed;left:24px;bottom:90px;width:355px;max-height:calc(100svh - 120px);overflow:auto;background:white;border:1px solid #ddd;border-radius:20px;box-shadow:0 18px 80px #0003;z-index:130;animation:nav-float .3s both}#contact-chat header{padding:18px 20px;background:#191919;color:white;display:flex;justify-content:space-between;align-items:center}#contact-chat header>div{display:flex;gap:10px;align-items:center}#contact-chat header svg{width:24px;height:24px}#chat-close{background:none;color:white;font-size:25px}.chat-body{padding:20px}.chat-body>p{font-size:18px;font-weight:600}.chat-body>small{font-size:12px}.chat-body form{display:grid;gap:9px;margin:20px 0}.chat-body label{font-size:12px}.chat-body textarea,.chat-body input{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px;font:inherit;font-size:14px;resize:vertical}.chat-body form button{background:#327660;color:white;border-radius:30px;padding:13px}.chat-body #chat-status{font-size:12px;font-weight:400;line-height:1.5;background:#f6f6f6;padding:12px;border-radius:8px}.chat-body>a{display:block;font-size:12px;text-decoration:underline;margin-top:15px}
@media(max-width:1100px){.scene-copy{width:31%!important;left:7%!important}.scene-copy h2{font-size:37px!important}.scene-copy p{font-size:13px!important}.hero-heading h1{font-size:52px!important}.social-metrics{gap:7px!important}.social-metrics>div{min-width:0!important}.social-metrics b{font-size:22px!important}.web-before h3{font-size:24px!important}.web-editorial h3{font-size:29px!important}}
@media(max-width:700px),(max-aspect-ratio:6/5){.scene{min-height:720px!important}.scene-copy{left:9%!important;top:9%!important;width:81%!important;max-width:none!important}.scene-copy h2{font-size:clamp(29px,6.2vw,43px)!important;margin:10px 0 15px!important;max-width:95%}.scene-copy p{font-size:13px!important;line-height:1.4!important}.scene-copy .eyebrow{font-size:10px!important}.scene-copy .problem-line{margin-bottom:8px!important}.scene-copy .solution-line{margin-bottom:12px!important}.scene-cta{font-size:12px!important}.visual-field,.picture-stage{left:8%!important;right:6%!important;top:42%!important;bottom:14%!important;width:auto!important;height:auto!important}.hero-heading{top:12%!important;left:9%!important;right:8%!important}.hero-heading h1{font-size:clamp(31px,7.7vw,54px)!important}.hero-heading .discipline-line{font-size:16px!important;line-height:1.35!important;margin-top:15px!important}.hero-heading .hero-subline,.hero-heading .hero-solution{font-size:12px!important;line-height:1.4!important;margin-top:11px!important}.hero-art{top:45%!important;bottom:14%!important;left:9%!important;right:7%!important}.hero-tools{top:46%!important;left:17%!important;width:67%!important;height:35%!important}.hero-final{bottom:11%!important}.hero-final .ribbon{font-size:14px!important}.hero-social{display:none!important}.navigation .logo{width:155px!important;top:20px!important}.navigation .menu-toggle{top:18px!important;right:18px!important;width:38px!important;height:38px!important;min-width:38px!important}#mobile-nav{padding:80px 22px 115px!important;gap:8px!important;overflow-y:auto;align-content:start}#mobile-nav>.eyebrow{font-size:10px;padding:0 0 10px}#mobile-nav>a{font-size:12px!important;min-height:37px;padding:8px!important}#mobile-nav .social-emblems{margin-top:7px;gap:28px}.brand-table,.print-products{inset:42% 6% 14% 8%!important}.hero-material-copy{display:none!important}.phase-controls{top:65%!important}.social-composition{left:12%!important;right:8%!important;top:42%!important;bottom:14%!important}.social-profile{width:68%;max-width:340px!important}.reel-card{left:40%!important;top:3%!important;width:55%!important;max-width:230px!important}.social-metrics{bottom:-6%!important;left:0!important;gap:12px!important}.social-metrics b{font-size:19px!important}.social-metrics span{font-size:9px!important}.social-metrics small{font-size:8px!important;max-width:100px!important}.ig-post-caption,.ig-post-caption p{font-size:9px!important;line-height:1.3!important}.ig-post-caption small{font-size:8px!important}.ig-post-head{font-size:10px!important}.ig-post-actions svg{width:17px!important;height:17px!important}.wow{left:36%!important;top:62%!important;font-size:clamp(72px,17vw,130px)!important}.web-world{top:50%!important;width:100%!important;height:auto!important;left:0!important;transform:translateY(-50%)!important}.web-before h3{font-size:16px!important}.web-before nav,.web-before p,.web-before span,.web-after nav{font-size:5px!important}.web-editorial h3{font-size:21px!important}.web-editorial p,.web-editorial span,.web-after footer,.web-poster span{font-size:5px!important}.print-scene .scene-copy{left:9%!important;top:9%!important;width:81%!important;max-width:none!important}.print-scene .scene-copy h2{font-size:clamp(30px,7vw,43px)!important;margin:10px 0 15px!important}.print-scene .scene-copy p{font-size:13px!important}.printer-stage{top:43%!important;width:88%!important;left:51%!important}.print-tagline{left:9%!important;right:auto!important;top:38%!important;font-size:13px!important;max-width:none!important}.printed-art strong{font-size:clamp(13px,3.6vw,24px)!important}.printed-art span,.printed-art p{font-size:8px!important}.office-field{background:#fff}.laser-letter{width:70px!important;height:100px!important}.fixed-actions{left:14px;right:14px;bottom:16px}.fixed-whatsapp,.fixed-shop{font-size:11px!important;padding:11px 13px!important}.fixed-whatsapp svg{width:19px!important;height:19px!important}.fixed-actions .fixed-whatsapp span{display:block}#contact-chat{left:14px;right:14px;bottom:78px;width:auto}.motion-switch{right:14px!important;bottom:72px!important}}
@media(prefers-reduced-motion:reduce){#mobile-nav,#mobile-nav>a,#contact-chat{animation:none!important;opacity:1!important;transition:none!important}}
html.reduced #mobile-nav>a{animation:none;opacity:1}html.reduced .scene-copy,html.reduced .hero-heading{opacity:1!important}html.reduced .windows-scene .scene-copy{opacity:1!important}

.web-world{aspect-ratio:3/2!important;width:140%!important;height:auto!important;left:-20%!important;top:50%!important;transform:translateY(-50%)!important}.web-display{left:37.05%!important;top:23.45%!important;width:31.15%!important;height:26.3%!important;clip-path:none!important}.web-editorial h3{font-size:clamp(18px,2.2vw,38px)!important;line-height:.97!important}.web-editorial p,.web-editorial span,.web-after footer{font-size:8px!important}.web-poster span{font-size:clamp(15px,2vw,32px)!important;line-height:.92!important}.fixed-whatsapp{background:#fff!important;border-radius:50px!important;padding:15px 20px!important}.fixed-whatsapp svg{width:25px;height:25px;flex-shrink:0}.web-after{overflow:hidden!important}.web-before h3{font-size:25px!important}
@media(max-width:700px),(max-aspect-ratio:6/5){.web-world{width:180%!important;left:-40%!important}.web-editorial h3{font-size:18px!important}.web-editorial p,.web-editorial span,.web-after nav,.web-after footer{font-size:5px!important}.web-poster span{font-size:13px!important}.web-before h3{font-size:19px!important}.fixed-whatsapp{padding:11px 13px!important}}
.hero-art{top:49%!important;bottom:11%!important}.hero-tools{left:25%!important;top:70%!important;width:20%!important;height:16%!important}.vehicle-tools{left:3%!important;top:75%!important;width:30%!important;height:23%!important}.navigation{width:100%!important}.navigation .logo{left:5vw!important}
@media(max-width:700px),(max-aspect-ratio:6/5){.hero-art{top:47%!important;bottom:14%!important}.hero-tools{left:12%!important;top:73%!important;width:27%!important;height:12%!important}}
.printed-art{aspect-ratio:auto!important;height:100%!important;min-height:0!important}.printed-art strong,.printed-art p{margin:0!important}.hero-tools{left:31%!important;top:75%!important;width:18%!important;height:12%!important}
@media(max-width:700px),(max-aspect-ratio:6/5){.visual-field,.picture-stage{top:var(--art-top,42%)!important}.brand-table,.print-products{top:var(--art-top,42%)!important}.social-composition{top:var(--art-top,42%)!important}.hero-tools{left:12%!important;top:68%!important;width:27%!important;height:10%!important}.print-scene .scene-copy .solution-line{max-width:none!important}.print-tagline{top:39%!important}.printer-stage{top:47%!important}.social-metrics small{display:none!important}}
.navigation{z-index:120!important}.navigation:has(.menu-toggle[aria-expanded=true]) .logo{opacity:0!important;pointer-events:none}.office-display img{position:absolute!important;left:0!important;right:auto!important;top:50%!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;transform:translateY(-50%)!important}
.scene-foot{left:5px!important;width:16px!important}.scene-foot .progress{width:16px!important;background:none!important}.scene-scrubber{appearance:auto;writing-mode:vertical-lr;direction:ltr;display:block;width:16px;height:105px;accent-color:#327660;margin:0;cursor:pointer}.scene-foot .progress b{display:none!important}
.space-image{opacity:1}

/* V6: generated environments fill each scene; the subject stays clear of copy. */
.immersive-story .track{height:240svh;min-height:0;margin-top:-42svh}
.immersive-story .track:first-child{margin-top:0}
.immersive-story .scene{height:100svh;min-height:0!important;overflow:hidden;background-size:cover;background-position:center top}
.immersive-story .visual-field,.immersive-story .picture-stage,.immersive-story .hero-art,.immersive-story .laser-field,.immersive-story .space-field{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;mask-image:none!important;border:0!important;border-radius:0!important;background:none!important;overflow:hidden}
.immersive-story .scene img[data-wide],.immersive-story .scene-environment{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:62% center!important;mask-image:none!important;filter:none!important;border-radius:0!important}
.immersive-story .hero-art:after,.immersive-story .sketch-lines{display:none!important}
.immersive-story .scene-copy,.immersive-story .hero-heading{position:absolute;z-index:14!important;left:6%!important;top:15%!important;width:27%!important;max-width:430px!important;right:auto!important;background:none!important;padding:0!important;pointer-events:auto}
.immersive-story .scene-copy h2{font-size:clamp(36px,3.8vw,64px)!important;line-height:1.06!important;letter-spacing:-.055em;margin:15px 0 25px!important}
.immersive-story .scene-copy p{font-size:15px!important;line-height:1.55!important;max-width:none!important}
.immersive-story .scene-copy .problem-line{font-size:13px!important;padding-left:0!important;border:0!important;margin:0 0 16px!important}
.immersive-story .scene-copy .solution-line{margin:0!important}
.immersive-story .scene-cta{font-size:13px!important;margin-top:22px!important}
.immersive-story .eyebrow{font-size:11px!important;letter-spacing:.13em}
.immersive-story .scene:before{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,#ffffffb0 0%,#ffffff75 25%,transparent 44%);opacity:1}
.immersive-story .hero-scene:before{background:linear-gradient(90deg,#ffffffb0, #ffffff70 27%,transparent 46%)}
.immersive-story .hero-scene.is-real:before,.immersive-story .web-scene:before,.immersive-story .layout-scene:before,.immersive-story .laser-scene:before,.immersive-story .print-scene:before{background:linear-gradient(90deg,#111111e8,#11111170 26%,transparent 46%)}
.immersive-story .web-scene,.immersive-story .layout-scene,.immersive-story .laser-scene,.immersive-story .print-scene,.immersive-story .hero-scene.is-real{color:white!important}
.immersive-story .laser-scene .scene-copy{color:white!important}
.immersive-story .hero-heading{width:34%!important;top:15%!important}
.immersive-story .hero-heading h1{font-size:clamp(42px,4.6vw,78px)!important;line-height:1.03!important;margin:17px 0 22px!important}
.immersive-story .hero-heading .discipline-line{font-size:19px!important;line-height:1.45!important;max-width:90%;margin:0 0 20px}
.immersive-story .hero-heading .hero-subline,.immersive-story .hero-heading .hero-solution{font-size:14px!important;line-height:1.55!important;background:none!important;padding:0!important;max-width:350px}
.immersive-story .hero-material-copy,.immersive-story .hero-final,.immersive-story .picture-caption,.immersive-story .business-result,.immersive-story .space-words,.immersive-story .web-comparison-label,.immersive-story .print-sizes{display:none!important}
.immersive-story .hero-tools{left:3%!important;top:auto!important;bottom:12%!important;width:24%!important;height:18%!important;z-index:6}
.immersive-story .vehicle-tools{left:4%!important;top:auto!important;bottom:9%!important;width:24%!important;height:20%!important}
.immersive-story .paper-tape{opacity:0!important}
.immersive-story .office-world,.immersive-story .web-world{left:0!important;top:0!important;aspect-ratio:auto!important;transform-origin:0 0!important;width:var(--world-w)!important;height:var(--world-h)!important;transform:var(--world-transform)!important}
.immersive-story .office-photo,.immersive-story .web-office-photo{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important}
.immersive-story .office-display,.immersive-story .web-display{left:var(--screen-x)!important;top:var(--screen-y)!important;width:var(--screen-w)!important;height:var(--screen-h)!important;clip-path:none!important}
.immersive-story .office-display img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;max-height:none!important}
.immersive-story .office-shade,.immersive-story .web-shade{display:none!important}
.immersive-story .wow{left:55%!important;top:57%!important;font-size:clamp(110px,15vw,250px)!important;z-index:16!important;filter:drop-shadow(0 25px 20px #0007)!important}
.immersive-story .printer-stage{left:50%!important;top:38%!important;width:92%!important;height:auto!important;transform:translateX(-50%)!important}
.immersive-story .print-scene .scene-copy{width:47%!important;top:12%!important}
.immersive-story .print-scene .scene-copy h2{font-size:clamp(36px,4.6vw,70px)!important}
.immersive-story .print-tagline{right:7%!important;top:27%!important;left:auto!important}
.immersive-story .machine-note{bottom:10%!important;font-size:10px!important}
.immersive-story .printed-art strong{font-size:clamp(18px,3vw,46px)!important}
.immersive-story .social-composition{left:43%!important;right:7%!important;top:16%!important;bottom:12%!important}
.immersive-story .sign-stage img{object-fit:cover!important}
.immersive-story .laser-machine{object-fit:cover!important}
.immersive-story .film-roll{top:0!important;bottom:0!important}
.immersive-story .brand-environment,.immersive-story .layout-environment{z-index:0}
.immersive-story .scene-foot{z-index:35}
.immersive-story .detail-tab{z-index:40}
.immersive-story .hero-social{right:7%;top:24px}
@media(max-width:1100px) and (min-aspect-ratio:6/5){.immersive-story .scene-copy h2{font-size:38px!important}.immersive-story .scene-copy p{font-size:13px!important}.immersive-story .hero-heading h1{font-size:47px!important}.immersive-story .hero-heading .discipline-line{font-size:16px!important}}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .track{height:225svh;margin-top:-30svh}
 .immersive-story .scene-copy,.immersive-story .hero-heading{left:9%!important;top:9%!important;width:82%!important;max-width:none!important}
 .immersive-story .scene-copy h2{font-size:clamp(30px,7.4vw,50px)!important;margin:10px 0 15px!important;max-width:95%}
 .immersive-story .scene-copy p{font-size:13px!important;line-height:1.42!important}
 .immersive-story .scene-copy .problem-line{font-size:12px!important;margin-bottom:10px!important}
 .immersive-story .scene-cta{margin-top:12px!important;font-size:12px!important}
 .immersive-story .hero-heading h1{font-size:clamp(33px,8.3vw,60px)!important;margin:12px 0 18px!important}
 .immersive-story .hero-heading .discipline-line{font-size:17px!important;margin-bottom:13px;max-width:100%}
 .immersive-story .hero-heading .hero-subline,.immersive-story .hero-heading .hero-solution{font-size:12px!important;line-height:1.4!important;max-width:none}
 .immersive-story .scene img[data-wide]{inset:auto 0 0!important;top:auto!important;width:100%!important;height:auto!important;object-fit:initial!important;mask-image:linear-gradient(to bottom,transparent,#000 5%)!important}
 .immersive-story .scene:before{background:linear-gradient(180deg,#ffffffa0,transparent 44%)}
 .immersive-story .hero-scene:before{background:linear-gradient(180deg,#ffffffa0,transparent 44%)}
 .immersive-story .hero-scene.is-real:before,.immersive-story .web-scene:before,.immersive-story .layout-scene:before,.immersive-story .laser-scene:before,.immersive-story .print-scene:before{background:linear-gradient(180deg,#111111c0,transparent 44%)}
 .immersive-story .hero-tools{left:3%!important;bottom:6%!important;width:29%!important;height:13%!important}
 .immersive-story .vehicle-tools{left:3%!important;bottom:5%!important;width:26%!important;height:15%!important}
 .immersive-story .office-world img,.immersive-story .web-world img{inset:0!important;height:100%!important;mask-image:none!important}
 .immersive-story .wow{left:15%!important;top:62%!important;font-size:24vw!important}
 .immersive-story .social-composition{left:9%!important;right:8%!important;top:44%!important;bottom:11%!important}
 .immersive-story .social-profile{width:70%!important}.immersive-story .reel-card{left:39%!important;width:60%!important;max-width:260px!important}
 .immersive-story .print-scene .scene-copy{left:9%!important;top:9%!important;width:82%!important}
 .immersive-story .print-scene .scene-copy h2{font-size:clamp(30px,7.5vw,50px)!important}
 .immersive-story .printer-stage{top:49%!important;width:100%!important}
 .immersive-story .print-tagline{top:41%!important;left:9%!important;right:auto!important}
 .immersive-story .printed-art strong{font-size:3.9vw!important}
 .immersive-story .scene-environment{object-position:30% center!important}
}
@media(max-width:360px){.immersive-story .scene-copy{top:8%!important}.immersive-story .scene-copy h2{font-size:29px!important}.immersive-story .scene-copy p{font-size:12px!important}.immersive-story .hero-heading h1{font-size:33px!important}.immersive-story .hero-heading .discipline-line{font-size:15px!important}.fixed-actions .fixed-whatsapp span{font-size:10px!important}}
html.reduced .immersive-story .track{margin-top:0!important;height:100svh!important;min-height:700px!important}
html.reduced .immersive-story .scene{position:relative!important;height:100%!important}
html.reduced .immersive-story .hero-real{opacity:1!important}
/* Keep the entire subject; the expanded environment also fills the viewport above. */
.immersive-story .scene img[data-wide]{inset:auto 0 0!important;top:auto!important;height:auto!important;object-fit:initial!important;mask-image:linear-gradient(to bottom,transparent,#000 4%)!important}
.immersive-story .office-world img,.immersive-story .web-world img{inset:0!important;height:100%!important;mask-image:none!important}
.immersive-story .hero-heading{text-align:left!important}
.immersive-story .hero-heading .hero-subline,.immersive-story .hero-heading .hero-solution{margin-left:0!important;margin-right:0!important}
.immersive-story .scene:before{background:linear-gradient(90deg,#fffffff0 0%,#ffffffcf 27%,transparent 37%)}
.immersive-story .business-scene:before{opacity:var(--shade-opacity,1)}
@media(max-width:700px),(max-aspect-ratio:6/5){.immersive-story .scene:before{background:linear-gradient(180deg,#ffffffdb,transparent 43%)}.immersive-story .hero-scene.is-real:before,.immersive-story .web-scene:before,.immersive-story .layout-scene:before,.immersive-story .laser-scene:before,.immersive-story .print-scene:before{background:linear-gradient(180deg,#111111db,transparent 45%)}}
@media(min-aspect-ratio:6/5){.immersive-story .printer-stage{top:24%!important;width:87%!important}}
@media(min-width:701px) and (max-aspect-ratio:6/5){.immersive-story .scene-copy h2{font-size:38px!important}.immersive-story .hero-heading h1{font-size:42px!important}.immersive-story .scene-copy,.immersive-story .hero-heading{width:78%!important}.immersive-story .scene-copy p{max-width:510px!important}.immersive-story .hero-heading .hero-solution,.immersive-story .hero-heading .hero-subline{max-width:520px!important}}
@media(max-width:700px),(max-aspect-ratio:6/5){.immersive-story .scene:before{background:linear-gradient(180deg,#ffffffdf 0%,#ffffffb0 28%,transparent 44%)}.immersive-story .hero-scene.is-real:before,.immersive-story .web-scene:before,.immersive-story .layout-scene:before,.immersive-story .laser-scene:before,.immersive-story .print-scene:before{background:linear-gradient(180deg,#111111e8 0%,#1111119c 28%,transparent 44%)}.immersive-story .social-metrics{display:none!important}}
@media(min-width:701px) and (max-aspect-ratio:6/5){.immersive-story .scene:before{background:linear-gradient(180deg,#ffffffe8 0%,#ffffffb0 24%,transparent 30%)}}
.immersive-story .scene.web-scene:before,.immersive-story .scene.layout-scene:before,.immersive-story .scene.laser-scene:before,.immersive-story .scene.print-scene:before{background:linear-gradient(90deg,#111111e8 0%,#111111b0 27%,transparent 39%)}
@media(max-width:700px),(max-aspect-ratio:6/5){.immersive-story .scene.web-scene:before,.immersive-story .scene.layout-scene:before,.immersive-story .scene.laser-scene:before,.immersive-story .scene.print-scene:before{background:linear-gradient(180deg,#111111e8 0%,#1111119c 28%,transparent 44%)}}
html{scroll-behavior:auto!important}
.immersive-story .laser-cut-scene{mask-image:none!important;filter:none!important}
.immersive-story .scene:before{display:block!important}
.immersive-story .scene:before{content:''!important;display:block!important}
@media(min-aspect-ratio:6/5){.immersive-story .print-scene .scene-cta{position:absolute;left:calc(100vw - 400px);top:0;margin:0!important;white-space:nowrap}.immersive-story .printer-stage{top:28%!important}}
html.reduced .immersive-story .scene-copy,html.reduced .immersive-story .hero-heading{opacity:1!important}

/* V6.2: visible mobile service handle and local copy contrast. */
.detail-label{display:none}
.immersive-story .scene-copy .problem-line,.immersive-story .scene-copy .solution-line,
.immersive-story .hero-subline,.immersive-story .hero-solution{font-weight:500!important}
.immersive-story .scene-copy .problem-line{font-size:14px!important}
.immersive-story .scene:before{background:linear-gradient(90deg,#fffffff0 0%,#ffffffd9 27%,transparent 39%)}
.immersive-story .scene.web-scene:before,.immersive-story .scene.layout-scene:before,
.immersive-story .scene.laser-scene:before,.immersive-story .scene.print-scene:before{background:linear-gradient(90deg,#111111f0 0%,#111111c0 27%,transparent 39%)}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene .detail-tab{width:44px!important;height:96px!important;top:calc(50% - 48px)!important;opacity:1!important;background:#327660!important;box-shadow:3px 0 16px #0002;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)!important}
 .immersive-story .detail-tab .detail-label{display:block;font:600 9px/1.3 Arial,sans-serif;letter-spacing:.05em;margin-top:6px}
 .immersive-story .scene-copy,.immersive-story .hero-heading{left:12%!important;width:79%!important}
 .immersive-story .scene-copy .problem-line{font-size:13px!important}
 .immersive-story .scene:before{background:linear-gradient(180deg,#fffffff0 0%,#ffffffbc 29%,transparent 45%)}
 .immersive-story .scene.web-scene:before,.immersive-story .scene.layout-scene:before,.immersive-story .scene.laser-scene:before,.immersive-story .scene.print-scene:before{background:linear-gradient(180deg,#111111f0 0%,#111111b0 29%,transparent 45%)}
 .immersive-story .laser-machine{inset:auto 0 0!important;top:auto!important;width:100%!important;height:auto!important;object-fit:initial!important;transform:none!important}
}
@media(min-width:701px) and (max-aspect-ratio:6/5){.immersive-story .scene:before{background:linear-gradient(180deg,#fffffff0 0%,#ffffffbc 24%,transparent 31%)}}
.immersive-story .scene-copy p,.immersive-story .hero-subline,.immersive-story .hero-solution{text-shadow:0 1px 2px #ffffff9c,0 0 7px #ffffffbc}
.immersive-story .web-scene .scene-copy p,.immersive-story .layout-scene .scene-copy p,.immersive-story .laser-scene .scene-copy p,.immersive-story .print-scene .scene-copy p,.immersive-story .hero-scene.is-real .hero-subline,.immersive-story .hero-scene.is-real .hero-solution{text-shadow:0 1px 2px #0009,0 0 7px #0009}
@media(min-width:701px) and (max-aspect-ratio:6/5){.immersive-story .laser-machine{inset:0!important;height:100%!important;width:100%!important;object-fit:contain!important;object-position:50% 100%!important}}
@media(min-width:701px) and (max-aspect-ratio:6/5){.immersive-story .scene img.laser-machine[data-wide]{inset:0!important;height:100%!important;width:100%!important;object-fit:contain!important;object-position:50% 100%!important}}
@media(min-width:701px) and (max-aspect-ratio:6/5){.immersive-story .scene img.laser-machine[data-wide]{mask-image:linear-gradient(90deg,transparent 4%,#000 20%,#000 80%,transparent 96%)!important}}

/* V6.3: separate right-side information from left-side image control. */
.fixed-actions button,.fixed-actions a{pointer-events:auto!important;touch-action:manipulation}
.immersive-story .scene .detail-tab{left:auto!important;right:0!important;top:calc(50% - 54px)!important;width:76px!important;height:108px!important;clip-path:polygon(100% 0,100% 100%,0 50%)!important;background:#327660a8!important;backdrop-filter:blur(4px);opacity:1!important;place-content:center!important;padding:0 0 0 21px!important;box-shadow:none!important;transition:background .2s,transform .2s}
.immersive-story .scene .detail-tab:hover,.immersive-story .scene .detail-tab:focus-visible{background:#327660e8!important;transform:translateX(-3px)}
.immersive-story .detail-tab .detail-label{display:block;font:600 9px/1.3 Arial,sans-serif;margin-top:5px}
.immersive-story .scene-copy,.immersive-story .hero-heading{left:6%!important}
.immersive-story .scene .laser-letter{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;pointer-events:none;background:none!important;z-index:6;will-change:transform,opacity}
.immersive-story .laser-letter .laser-flight-image{position:absolute!important;inset:auto 0 0!important;top:auto!important;width:100%!important;height:auto!important;object-fit:initial!important;mask-image:none!important;max-width:none!important}
.instagram-jump{display:flex;align-items:center;justify-content:center;gap:15px;margin:18px 0;font-size:13px}.instagram-jump select{color:#fff;background:#222;border:1px solid #ffffff45;border-radius:6px;padding:10px 13px;font:inherit}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene .detail-tab{width:58px!important;height:96px!important;top:calc(50% - 48px)!important;padding-left:17px!important}
 .immersive-story .scene-copy,.immersive-story .hero-heading{left:9%!important;width:79%!important}
 .detail-dialog{clip-path:polygon(7% 0,100% 0,100% 100%,7% 100%,0 50%)!important;padding-left:36px!important;animation:detail-reveal-v63 .45s cubic-bezier(.2,.7,.2,1)}
}
@keyframes detail-reveal-v63{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.detail-dialog{animation:none!important}}
/* V6.4: more time for the finished work, with native scrolling. */
.immersive-story .track{height:300svh;margin-top:-28svh}
.facade-native{position:absolute;z-index:5;overflow:hidden;background:#111;pointer-events:none}
.facade-native-image{width:100%;height:100%;max-width:none;object-fit:cover;image-rendering:auto}
.office-world,.web-world{will-change:auto!important}
.intro-logo img{image-rendering:auto;filter:none!important}
.web-before{background:#ffde27!important;color:#701e36!important;padding:6%!important;font-family:Georgia,serif!important;text-align:center}
.web-before nav{background:#701e36;color:#ffe351;padding:12px 6px;font-size:8px!important;white-space:normal}
.web-before h3{font-family:Georgia,serif;font-size:20px!important;letter-spacing:0!important;line-height:1.15!important;margin:18px 0 12px!important}
.web-before p{font-size:9px!important;line-height:1.3!important}
.web-before>div{display:block!important;background:#eee!important;color:#701e36!important;height:auto!important;margin:14px 0!important;padding:15px 5px;font-size:10px;border:3px ridge #701e36}
.web-before>span{font-size:9px!important;background:#701e36;color:#ffe351;padding:8px 15px}
.web-after{background:#171719!important;box-shadow:-12px 0 35px #0006}
.web-after .web-editorial,.web-after .web-poster img{transition:none;will-change:auto}
.web-before,.web-after{container-type:inline-size}
.web-after .web-editorial h3{font-size:15cqw!important;line-height:.87!important}
.web-after nav{font-size:2.3cqw!important}
.web-editorial>p,.web-editorial>span,.web-after footer{font-size:2.2cqw!important}
.web-poster span{font-size:12cqw!important}
.web-after .web-editorial{padding-top:6%!important}
.web-controls{z-index:36!important}
.immersive-story .social-composition{left:44%!important;right:8%!important;top:12%!important;bottom:12%!important}
.immersive-story .social-profile.iphone-profile{width:49%!important;max-width:300px!important;height:100%!important;max-height:620px!important;background:#fff!important;color:#191919!important;border:8px solid #171717!important;border-radius:45px!important;padding:31px 12px 17px!important;box-shadow:0 25px 50px #0003,0 0 0 2px #aaa;overflow:hidden}
.dynamic-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:31%;height:16px;border-radius:30px;background:#151515;z-index:4}
.phone-status{font:600 10px/1 Arial,sans-serif;display:flex;justify-content:space-between;position:absolute;top:13px;left:16px;right:15px}
.iphone-profile .profile-top{font-size:14px!important;padding:10px 0}
.iphone-profile .profile-summary{padding:12px 0;gap:8px}
.iphone-profile .avatar{width:35px;height:35px;min-width:35px;font-size:22px}
.iphone-profile .ig-stats{font-size:12px;gap:10px}
.iphone-profile .ig-stats small{font-size:8px}
.iphone-profile .profile-summary p{font-size:10px;line-height:1.4}
.iphone-profile .ig-profile-actions{font-size:9px;padding:7px 0}
.iphone-profile .social-grid{gap:2px}
.iphone-profile .social-grid img{aspect-ratio:1;object-fit:cover}
.iphone-profile .ig-bottom{font-size:16px;padding-top:15px}
.immersive-story .reel-card{left:42%!important;top:18%!important;width:57%!important;max-width:330px!important;box-shadow:0 28px 48px #0004,0 5px 10px #0002!important;border:1px solid #00000012!important;border-radius:12px!important;overflow:hidden;background:white}
.immersive-story .social-metrics{display:flex!important;left:4%!important;bottom:-2%!important;gap:15px!important;z-index:9;width:94%!important;flex-wrap:wrap;transform-origin:left center}
.immersive-story .social-metrics>div{padding:12px 16px!important;background:#fffffff2!important;color:#151515!important;box-shadow:0 10px 25px #0002;border-radius:10px;min-width:125px!important}
.immersive-story .social-metrics b{font-size:clamp(28px,3.5vw,54px)!important;letter-spacing:-.06em}
.immersive-story .social-metrics span{font-size:12px!important}
.immersive-story .social-metrics small{display:block!important;width:100%;font-size:9px!important;color:#191919!important}
.product-build{position:absolute;inset:0;pointer-events:none}
.product-layer{transform-origin:70% 75%;opacity:0}
.brand-layer.layer-0{clip-path:polygon(42% 43%,61% 43%,64% 70%,81% 69%,81% 77%,44% 77%)}
.brand-layer.layer-1{clip-path:polygon(55% 26%,76% 26%,76% 61%,55% 61%)}
.brand-layer.layer-2{clip-path:polygon(77% 21%,100% 21%,100% 95%,77% 95%)}
.brand-layer.layer-3{clip-path:polygon(45% 70%,80% 70%,80% 98%,45% 98%)}
.layout-layer.layer-0{clip-path:polygon(37% 27%,69% 27%,69% 81%,37% 81%)}
.layout-layer.layer-1{clip-path:polygon(66% 18%,87% 18%,87% 84%,66% 84%)}
.layout-layer.layer-2{clip-path:polygon(82% 48%,100% 48%,100% 98%,82% 98%)}
.immersive-story .space-scene{color:white!important}
.immersive-story .space-scene:before{background:linear-gradient(90deg,#111111db 0%,#11111199 28%,transparent 40%)}
.space-state{opacity:0}.space-state.state-0{opacity:1}
.reference-archive{padding:0 0 70px;margin:20px 0 50px;border-bottom:1px solid #ffffff28}
.reference-archive .archive-heading{margin-top:30px;margin-bottom:25px}
.reference-archive .gallery-slider{scroll-snap-type:x mandatory;gap:20px}
.reference-archive .work-card{flex:0 0 min(480px,70vw);max-width:none;border:1px solid #ffffff20;border-radius:14px;padding:14px;background:#252525}
.reference-archive .work-card>div{height:auto!important;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#171717}
.reference-archive .work-card img{width:100%;height:100%;object-fit:contain!important;filter:contrast(1.035) saturate(1.025)}
.reference-archive .work-card h4{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin-top:8px}
.reference-archive .work-card>span{font-size:10px;letter-spacing:.10em;color:#175a49}
.detail-dialog{background:#ffffffe0!important;backdrop-filter:blur(16px) saturate(.85);box-shadow:-18px 0 55px #0003!important;clip-path:none!important;border-left:1px solid #ffffffb0!important}
.detail-dialog::backdrop{background:#00000014!important;backdrop-filter:blur(2px)}
.detail-close{display:flex;align-items:center;gap:8px;position:sticky!important;top:0!important;right:auto!important;margin-left:auto;margin-bottom:18px;font-size:28px!important;border-radius:30px;background:#327660!important;color:white!important;padding:6px 15px}
.detail-close span{font-size:12px}
#mobile-nav{inset:76px 24px auto auto!important;width:min(610px,calc(100vw - 48px))!important;max-height:calc(100svh - 170px);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start!important;gap:9px!important;padding:20px!important;background:#ffffffc7!important;backdrop-filter:blur(18px);border-radius:24px;overflow-y:auto;box-shadow:0 20px 50px #0002!important;transform-origin:right top}
#mobile-nav>.eyebrow{font-size:10px;padding-bottom:8px}
#mobile-nav>a{width:100%!important;max-width:none!important;font-size:13px!important;padding:10px 12px!important;min-height:43px;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}
#mobile-nav .social-emblems{gap:30px;margin-top:10px}
html.reduced .product-layer,html.reduced .space-state.state-4{opacity:1!important;transform:none!important}
html.reduced .social-metrics{opacity:1!important;transform:none!important}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .track{height:280svh;margin-top:-20svh}
 .immersive-story .scene-copy h2{font-size:clamp(28px,6.7vw,42px)!important;line-height:1.06!important;margin-bottom:13px!important}
 .immersive-story .scene-copy .problem-line{margin-bottom:8px!important}
 .immersive-story .scene-copy .solution-line{font-size:12px!important;line-height:1.45!important}
 .immersive-story .scene-cta{margin-top:14px!important}
 .immersive-story .social-composition{left:10%!important;right:10%!important;top:43%!important;bottom:13%!important}
 .immersive-story .social-profile.iphone-profile{width:53%!important;max-width:280px!important;height:90%!important;border-width:5px!important;border-radius:28px!important;padding:27px 7px 10px!important;min-height:0}
 .dynamic-island{height:10px;top:9px}.phone-status{font-size:7px;top:10px;left:10px;right:8px}
 .iphone-profile .profile-top{font-size:9px!important;padding:5px 0}
 .iphone-profile .profile-summary{gap:4px;padding:6px 0}.iphone-profile .avatar{width:24px;min-width:24px;height:24px;font-size:14px}
 .iphone-profile .ig-stats{font-size:8px;gap:4px}.iphone-profile .ig-stats small{font-size:5px}
 .iphone-profile .profile-summary p{font-size:6px!important}.iphone-profile .ig-profile-actions{font-size:6px}
 .iphone-profile .ig-bottom{font-size:10px;padding-top:8px}
 .immersive-story .reel-card{left:42%!important;top:12%!important;width:60%!important;max-width:260px!important}
 .immersive-story .social-metrics{left:0!important;bottom:-6%!important;gap:6px!important;width:100%!important}
 .immersive-story .social-metrics>div{min-width:0!important;width:calc(50% - 3px);padding:8px 10px!important;border-radius:8px}
 .immersive-story .social-metrics b{font-size:clamp(24px,7.5vw,36px)!important}.immersive-story .social-metrics span{font-size:9px!important}
 .immersive-story .social-metrics small{font-size:7px!important;max-width:none!important}
 .brand-layer.layer-0{clip-path:polygon(0 58%,24% 58%,24% 79%,65% 79%,65% 61%,36% 61%,36% 79%,0 79%)}
 .brand-layer.layer-1{clip-path:polygon(24% 46%,51% 46%,51% 71%,24% 71%)}
 .brand-layer.layer-2{clip-path:polygon(55% 50%,100% 50%,100% 74%,55% 74%)}
 .brand-layer.layer-3{clip-path:polygon(6% 72%,97% 72%,97% 92%,6% 92%)}
 .layout-layer.layer-0{clip-path:polygon(0 48%,44% 48%,44% 78%,0 78%)}
 .layout-layer.layer-1{clip-path:polygon(31% 43%,100% 43%,100% 77%,31% 77%)}
 .layout-layer.layer-2{clip-path:polygon(22% 70%,98% 70%,98% 90%,22% 90%)}
 .immersive-story .space-scene:before{background:linear-gradient(180deg,#111111e6 0%,#1111118c 28%,transparent 43%)}
 #mobile-nav{inset:66px 14px auto auto!important;width:calc(100vw - 28px)!important;padding:14px!important;gap:7px!important;border-radius:18px}
 #mobile-nav>a{font-size:11px!important;min-height:39px;padding:9px 7px!important}
 .detail-dialog{clip-path:none!important;padding-left:26px!important}
 .reference-archive .work-card{flex-basis:calc(100vw - 66px);padding:10px}.reference-archive .work-card h4{font-size:17px}
}
@media(max-height:720px){.immersive-story .social-composition{top:43%!important;bottom:17%!important}.immersive-story .scene-copy{top:7%!important}.immersive-story .social-metrics{bottom:-16%!important}}


/* Final monitor layout is sized from its own display, not from viewport text rules. */
.web-after{padding:0!important}.web-after nav{position:absolute!important;top:7%!important;left:6%!important;right:6%!important;width:auto!important}
.web-after .web-editorial{position:absolute!important;top:25%!important;left:6%!important;width:43%!important;height:65%!important;padding:0!important;margin:0!important}
.web-after .web-editorial h3{font-size:8.5cqw!important;line-height:.94!important;margin:7% 0!important}
.web-editorial>p{font-size:2cqw!important;line-height:1.1!important}.web-editorial>span{font-size:1.6cqw!important;margin-top:3%!important;padding:5px!important}
.web-after footer{position:absolute!important;bottom:4%!important;left:6%!important;font-size:1.6cqw!important}
.web-before>div{position:static!important;width:auto!important;transform:none!important}.web-before>span{display:inline-block;margin-top:5px}
.immersive-story .social-metrics small{background:#ffffffd9;padding:3px 6px;border-radius:3px;font-size:10px!important}
.immersive-story .space-scene .scene-copy{color:white!important}.immersive-story .space-scene .scene-copy p{text-shadow:0 1px 2px #0009,0 0 7px #0009}

.product-layer{clip-path:none!important;transform:none!important}.product-layer.brand-layer{transform-origin:70% 70%}

#mobile-nav{width:min(610px,calc(100% - 48px))!important}
@media(max-width:700px),(max-aspect-ratio:6/5){#mobile-nav{width:calc(100% - 28px)!important}}
@media(max-width:360px){.immersive-story .social-composition{top:47%!important;bottom:20%!important}.immersive-story .social-metrics small{font-size:8px!important}.immersive-story .social-scene .scene-copy .solution-line{font-size:11.5px!important}}
.web-editorial>span{display:inline-block;max-width:100%;white-space:nowrap}.web-after footer{display:none!important}

.immersive-story .web-scene{background-image:none!important;background-color:#222220!important}
.immersive-story .business-scene{background-image:none!important;background-color:#f4f4f4!important}
.immersive-story .office-world .office-photo,.immersive-story .web-world .web-office-photo{mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 100%)!important}
/* V6.5: floating navigation buttons with no backing panel. */
#mobile-nav{background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:8px!important;gap:10px!important}
#mobile-nav>.eyebrow{display:none!important}
#mobile-nav>a{background:#ffffffa6!important;backdrop-filter:blur(9px);font-weight:650!important;color:#175a49!important;border-color:#327660c9!important;box-shadow:0 4px 16px #0000000b!important}
#mobile-nav>a.active,#mobile-nav>a:hover{background:#327660!important;color:white!important;font-weight:700!important}
#mobile-nav .social-emblems a{background:#ffffffa6;backdrop-filter:blur(9px);border-radius:50%;padding:6px;box-sizing:content-box}
.detail-dialog{background:rgba(255,255,255,.65)!important;backdrop-filter:blur(13px)!important;box-shadow:-20px 0 50px #00000030!important}
.detail-dialog::backdrop{background:transparent!important;backdrop-filter:none!important}
.detail-dialog p,.detail-dialog li{color:#242424!important;font-weight:500}
#detail-explanation{font-size:15px;line-height:1.65;background:#ffffff55;border-left:3px solid #327660;padding:16px 18px;margin:24px 0}
.phase-controls button,.web-controls button{font-size:0!important}
.phase-controls button:before,.web-controls button:before{content:'●';font-size:8px}
.printed-art{background:#101537!important;overflow:hidden;color:white!important}
.printed-art .ink-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.printed-art strong,.printed-art>span,.printed-art>p{position:relative;z-index:2;color:white!important;text-shadow:0 2px 14px #000b}
.printed-art strong{font-weight:750!important;letter-spacing:-.035em;line-height:1.04!important;background:#11162b75;padding:8px 12px;margin-left:-12px}
.printed-art .print-graphic{display:none!important}
.printed-art strong{border-left:5px solid #d9ff3a}
.immersive-story .web-track{height:460svh!important;margin-top:-28svh}
.immersive-story .web-scene{background:#f0f0f0!important}
.immersive-story .web-scene:before{display:none!important}
.web-page{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.web-start{background:#ededed;color:#191919}
.web-modern{background:#171614;color:white;z-index:4;box-shadow:-25px 0 60px #0004;will-change:transform}
.web-photo-plane{position:absolute;left:0;top:0;transform-origin:0 0}
.immersive-story .web-photo-plane .web-room-image{position:absolute!important;inset:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:fill!important;mask-image:linear-gradient(180deg,transparent,#000 5%)!important}
.web-page:before{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,#ffffffc4 0%,#ffffff94 26%,transparent 39%)}
.web-modern:before{background:linear-gradient(90deg,#171614c9 0%,#17161489 27%,transparent 38%)}
.immersive-story .web-start .scene-copy{color:#191919!important}
.immersive-story .web-start .scene-copy p{text-shadow:0 1px 6px #fffc!important}
.immersive-story .web-modern .scene-copy{color:white!important}
.native-web-screen{position:absolute;overflow:hidden;z-index:2;container-type:inline-size;background:#111;border:0}
.old-web{position:absolute;inset:0;background:#ffde29;color:#701e36;font-family:Georgia,serif;text-align:center;padding:3%;container-type:inline-size;overflow:hidden}
.old-web nav{font-size:2.1cqw;padding:2.5% 1%;background:#701e36;color:#ffde29}
.old-web h3{font-size:4.5cqw;letter-spacing:0;line-height:1.1;margin:3% 0 2%}
.old-web p{font-size:2.2cqw;line-height:1.3}
.old-products{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin:3% 9%}
.old-products article{padding:5%;border:2px ridge #701e36;background:#f4e8b7}
.old-products i{display:block;background:linear-gradient(135deg,#991d3f,#eec749);height:8cqw;margin-bottom:2%}
.old-products b{font-size:3cqw}.old-products p{font-size:2cqw;margin-top:3%}
.old-web h4{font:700 2.6cqw Georgia,serif;margin:1% 0}
.old-web footer{font:400 1.8cqw Georgia,serif;margin:2% 0;background:#701e36;color:#ffde29;padding:1%}
.modern-web-screen .web-after{position:absolute;inset:0;width:100%;height:100%;clip-path:none!important}
.web-band{position:absolute;background:#030304;z-index:2;height:7%;width:50%;pointer-events:none}
.band-one{left:0;top:18%}.band-two{right:-5%;bottom:8%}
.web-modern .web-after .web-editorial{z-index:5!important}
.web-modern .web-poster{height:100%!important;overflow:hidden}
.web-modern .web-poster img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transform-origin:50% 35%}
.web-modern .web-editorial h3{font-size:8.5cqw!important}
.individual-build{position:absolute;inset:0;pointer-events:none}
.individual-product{position:absolute;opacity:0;pointer-events:none;transform-origin:center}
.individual-product img{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:fill;filter:none!important}
.brand-coffee{z-index:1}.brand-brochure{z-index:2}.brand-mug-two{z-index:3}.brand-cup-one{z-index:4}.brand-cup-two{z-index:5}.brand-mug-one{z-index:6}.brand-bag{z-index:7}.brand-cards{z-index:8}
.layout-brochure-one{z-index:1}.layout-brochure-two{z-index:2}.layout-flyers{z-index:3}.layout-cards{z-index:4}.layout-card-two{z-index:5}.layout-card-one{z-index:6}
.immersive-story .iphone-profile{height:auto!important;max-height:none!important;aspect-ratio:9/19.5;display:flex;flex-direction:column;perspective:1000px}
.iphone-profile .profile-top{flex:0 0 auto}.iphone-profile .profile-summary{flex:0 0 auto;margin:6px 0!important}
.iphone-profile .social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));flex:1;min-height:0;overflow:hidden}
.iphone-profile .social-grid img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover}
.ig-bottom{display:flex;align-items:center;justify-content:space-around;gap:10px;flex:0 0 30px;padding-top:8px!important;margin-top:5px!important;border-top:1px solid #eee}
.ig-bottom svg{width:19px;height:19px;fill:none;stroke:#111;stroke-width:1.7}
.ig-bottom-avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#327660;color:white;font-size:13px}
.reel-card.ig-post>img{aspect-ratio:1;object-fit:cover;object-position:center 30%}
.ig-post-caption p{margin-top:4px!important}
.immersive-story .social-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;bottom:0!important;gap:12px!important;width:95%!important}
.immersive-story .social-metrics>div{width:auto!important;min-width:0!important;padding:11px 16px!important}
.immersive-story .social-metrics b{font-variant-numeric:tabular-nums;letter-spacing:0!important;line-height:1.1;white-space:nowrap;font-size:clamp(27px,2.8vw,42px)!important}
.immersive-story .social-metrics small{grid-column:1/-1;text-align:center;font-size:10px!important;line-height:1.3;width:auto!important}
.reference-archive .gallery-slider{display:block!important;max-width:1040px;margin:0 auto;overflow:hidden!important;scroll-snap-type:none;outline-offset:7px}
.reference-archive .work-card{display:block;width:100%!important;max-width:none!important;animation:reference-enter .35s ease both;padding:16px!important;border-radius:18px}
.reference-archive .work-card>div{height:min(60svh,620px)!important;aspect-ratio:auto!important;display:block!important;background:#151515}
.reference-archive .work-card img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;max-width:none!important}
.reference-archive .work-card>span{margin-top:18px}.reference-archive .work-card h4{font-size:25px;margin:8px 0 4px}
.reference-counter{font-size:13px;text-align:right;font-variant-numeric:tabular-nums;margin-bottom:12px;color:#175a49}
@keyframes reference-enter{from{opacity:.25;transform:translateX(15px)}to{opacity:1;transform:none}}
html.reduced .individual-product{opacity:1!important;transform:none!important}
html.reduced .social-track{height:1200px!important;min-height:1200px!important}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .web-track{height:430svh!important;margin-top:-20svh}
 .web-page:before{background:linear-gradient(180deg,#ffffffce 0%,#ffffff75 30%,transparent 44%)}
 .web-modern:before{background:linear-gradient(180deg,#171614dc 0%,#17161482 30%,transparent 44%)}
 .brand-mug-two{display:none!important}
 .immersive-story .iphone-profile{height:auto!important;max-height:none!important;aspect-ratio:9/19.5!important}
 .ig-bottom{gap:5px;flex-basis:20px}.ig-bottom svg{width:13px;height:13px}.ig-bottom-avatar{width:14px;height:14px;font-size:9px}
 .immersive-story .reel-card{top:3%!important}
 .immersive-story .social-metrics{width:100%!important;gap:8px!important;bottom:0!important}
 .immersive-story .social-metrics>div{padding:9px 11px!important}
 .immersive-story .social-metrics b{font-size:clamp(24px,6.5vw,30px)!important;letter-spacing:0!important}
 .immersive-story .social-metrics small{font-size:9px!important;padding:4px!important;max-width:none!important}
 .reference-archive .work-card{padding:10px!important}.reference-archive .work-card>div{height:340px!important}
 .reference-archive .work-card h4{font-size:19px}
 .immersive-story .space-scene .scene-copy h2{font-size:clamp(26px,6.5vw,40px)!important;hyphens:auto}
}
@media(prefers-reduced-motion:reduce){.reference-archive .work-card{animation:none!important}}


.reference-archive .work-card[hidden]{display:none!important}

.immersive-story .social-profile.iphone-profile{height:auto!important;max-height:none!important;aspect-ratio:9/19.5!important;display:flex!important}
@media(max-width:700px){.brand-cup-two{z-index:3!important}}

.old-web{padding:2%!important}.old-web p{margin:0!important;font-size:1.8cqw!important}.old-web h3{font-size:3.7cqw!important;margin:2% 0!important}.old-products{margin:2% 8%!important}.old-products i{height:4cqw!important}.old-products article{padding:3%!important}.old-products p{font-size:1.7cqw!important}.old-web footer{margin:1% 0!important}
@media(min-width:701px){.immersive-story .reel-card{top:0!important}}
/* V6.6: registered monitor reveal, then zoom and campaign motion. */
.web-modern{transform:none;box-shadow:none;will-change:clip-path}
.web-wipe-edge{position:absolute;top:0;bottom:0;width:2px;z-index:10;background:#ffffffba;box-shadow:-9px 0 28px #0005;pointer-events:none;opacity:0}
.web-modern .web-after{background:#070708!important}
.web-modern .web-after>nav{position:absolute;top:0;left:0;right:0;height:12%;padding:3% 5%!important;z-index:10;color:white;background:#080808da;font-size:2.2cqw!important}
.web-modern .web-after .web-poster{position:absolute!important;left:0!important;right:auto!important;top:0!important;width:43%!important;height:100%!important;margin:0!important;background:#292929}
.web-modern .web-after .web-poster img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:43% 38%!important}
.web-modern .web-after .web-editorial{left:43%!important;top:12%!important;width:57%!important;height:88%!important;padding:0!important;background:radial-gradient(ellipse at 55% 30%,#262626,#080808 65%);overflow:hidden}
.web-modern .web-after .campaign-kicker{position:absolute;left:9%;top:5%;padding:0!important;margin:0!important;font-size:1.55cqw!important;font-weight:650;letter-spacing:.12em;color:#c4c4c4}
.shoe-stage{position:absolute;left:4%;right:3%;top:10%;height:47%;perspective:900px;animation:shoe-hover 4.8s ease-in-out infinite alternate}
.floating-shoe{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 16px 15px #0008);transform-origin:50% 50%}
.shoe-shadow{position:absolute;left:24%;right:16%;bottom:-2%;height:10%;background:#000;border-radius:50%;filter:blur(9px);z-index:1}
.web-modern .web-after .web-editorial .tempo-copy{position:absolute;left:9%;top:60%;margin:0!important;font-size:5.6cqw!important;line-height:1.04!important;letter-spacing:-.045em!important;color:#175a49;overflow:hidden}
.tempo-copy>span{display:block;will-change:transform,opacity}
.web-modern .web-after .web-editorial .collection-button{position:absolute;left:9%;bottom:6%;display:block;padding:2.6% 4%!important;margin:0!important;max-width:88%;font-size:2.5cqw!important;line-height:1.1;font-weight:750;letter-spacing:.015em;color:#fff!important;background:#327660!important;text-shadow:none!important;white-space:nowrap}
.web-band{width:43%;height:4%;z-index:4}.band-one{left:0;top:19%}.band-two{right:0;bottom:8%;width:57%;opacity:.6}
.fixed-whatsapp{color:#191919;text-decoration:none}
@keyframes shoe-hover{from{transform:translateY(1.5%) rotateY(-7deg)}to{transform:translateY(-4%) rotateY(7deg)}}
.reduced .shoe-stage{animation:none!important}
@media(prefers-reduced-motion:reduce){.shoe-stage{animation:none!important}}
/* Named mobile corrections only. CTA stays in the quiet upper text area. */
.web-modern .web-after>nav{top:0!important;left:0!important;right:0!important;width:100%!important;height:12%!important}
.web-modern .web-after .web-editorial .campaign-kicker{background:none!important;color:#b9b9b9!important}
.web-modern .web-after .tempo-copy>span{font:inherit!important;color:inherit!important;margin:0!important;padding:0!important;background:none!important}
@media(max-width:700px){
 .immersive-story .brand-scene .scene-copy,.immersive-story .windows-scene .scene-copy,.immersive-story .laser-scene .scene-copy{display:flex!important;flex-direction:column!important}
 .brand-scene .scene-copy>.eyebrow,.windows-scene .scene-copy>.eyebrow,.laser-scene .scene-copy>.eyebrow{order:0}
 .brand-scene .scene-copy>h2,.windows-scene .scene-copy>h2,.laser-scene .scene-copy>h2{order:1}
 .brand-scene .scene-copy>.scene-cta,.windows-scene .scene-copy>.scene-cta,.laser-scene .scene-copy>.scene-cta{order:2;align-self:flex-start;margin:2px 0 16px!important;font-weight:650!important}
 .brand-scene .scene-copy>.problem-line,.windows-scene .scene-copy>.problem-line,.laser-scene .scene-copy>.problem-line{order:3}
 .brand-scene .scene-copy>.solution-line,.windows-scene .scene-copy>.solution-line,.laser-scene .scene-copy>.solution-line{order:4}
 .brand-coffee{z-index:2!important}.brand-brochure{z-index:3!important}.brand-cup-two{z-index:4!important}.brand-bag{z-index:5!important}.brand-cup-one{z-index:6!important}.brand-mug-one{z-index:7!important}.brand-cards{z-index:8!important}
}

@media(max-width:700px){.immersive-story .space-scene .scene-copy{display:flex!important;flex-direction:column!important}.space-scene .scene-copy>.eyebrow{order:0}.space-scene .scene-copy>h2{order:1}.space-scene .scene-copy>.scene-cta{order:2;align-self:flex-start;margin:2px 0 16px!important;font-weight:650!important}.space-scene .scene-copy>.problem-line{order:3}.space-scene .scene-copy>.solution-line{order:4}}

.web-modern .web-after .campaign-kicker{display:none!important}.shoe-stage{top:4%;height:55%}.web-modern .web-after .web-editorial .tempo-copy{top:58%!important;font-size:5cqw!important}.web-modern .band-one{top:88%!important}

.floating-shoe{left:-8%;top:-8%;width:115%;height:115%}

.shoe-stage{top:10%}

@media(max-width:700px){.immersive-story .brand-scene:before{background:linear-gradient(180deg,#fffffff5 0%,#ffffffd9 43%,transparent 60%)!important}}

.shoe-stage{top:8%;height:52%}.floating-shoe{left:0;top:0;width:100%;height:100%}

/* V6.7: headroom, lower campaign signature and grounded mobile composition. */
.web-modern .web-after>nav{top:auto!important;bottom:0!important;left:0!important;right:auto!important;width:43%!important;height:9%!important;padding:2% 4%!important;background:#080808b0!important}
.web-modern .web-after>nav span{display:none!important}.web-modern .band-one{top:82%!important;height:3%!important}
@media(max-width:700px){.immersive-story .signs-scene .scene-copy{display:flex!important;flex-direction:column!important}.signs-scene .scene-copy>.eyebrow{order:0}.signs-scene .scene-copy>h2{order:1}.signs-scene .scene-copy>.scene-cta{order:2;align-self:flex-start;margin:2px 0 16px!important;font-weight:650!important}.signs-scene .scene-copy>.problem-line{order:3}.signs-scene .scene-copy>.solution-line{order:4}}
.service-region{background:#fff;color:#161616}.service-region h2{max-width:1000px}.region-cities{font-family:RobotoCondensed,sans-serif;font-size:clamp(24px,4vw,64px);font-weight:600;line-height:1.25;margin:36px 0;color:#175a49}.region-details{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,90px);max-width:1120px}.region-details h3{font-size:24px}.region-details p{font-size:18px;line-height:1.65}.contact-address{font-size:18px!important;line-height:1.7!important}.site-footer a{color:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px}
#consent-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;padding:30px;max-width:560px;width:calc(100vw - 48px);max-height:calc(100dvh - 48px);border:1px solid #ffffffb0;border-radius:18px;background:#fffffff2;backdrop-filter:blur(20px);box-shadow:0 12px 70px #0003;color:#191919;z-index:10000;overflow:auto}
#consent-dialog::backdrop{background:#0002}#consent-dialog h2{font-size:30px;line-height:1.1;margin:12px 0 18px}#consent-dialog p{font-size:15px;line-height:1.6}#consent-dialog label{display:flex;gap:12px;align-items:center;font-weight:700;margin:20px 0}#consent-dialog input{width:20px;height:20px;accent-color:#327660}.consent-actions{display:grid;gap:10px}.consent-actions button{padding:13px;border:1px solid #327660;border-radius:7px;background:#fff;color:#175a49;font-weight:750;cursor:pointer}.consent-actions #consent-save{background:#efefef}.consent-actions #consent-accept{background:#327660;color:#fff}.consent-legal{display:flex;gap:20px;margin-top:20px}.consent-legal button{border:0;background:none;text-decoration:underline;cursor:pointer;padding:0}.legal-note{padding:16px;border-left:3px solid #327660;background:#f3f3f3}.legal-document{max-width:840px;margin:auto;padding:70px 24px;font-family:Arial,sans-serif;line-height:1.7;color:#191919}.legal-document h1{font-size:42px;line-height:1.12}.legal-document h2{font-size:24px;margin-top:32px}.legal-document a{color:#175a49}
@media(max-width:700px){.region-details{grid-template-columns:1fr}.region-cities{font-size:32px}#consent-dialog{inset:auto 12px 12px;width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:22px}#consent-dialog h2{font-size:26px}.region-details p{font-size:17px}}

/* Small AI badge with a separate understated caption. */
.site-footer{flex-wrap:wrap}.site-footer>.ai-disclosure{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;gap:7px;margin:16px 0 0;padding:0;background:transparent;color:inherit}.ai-disclosure .ai-badge{display:inline-block;padding:4px 11px;border:1px solid currentColor;border-radius:999px;background:transparent;font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap}.site-footer .ai-disclosure p{margin:0;border:0;padding:0;background:transparent;font-size:10px;font-weight:400;line-height:1.5;text-align:center;max-width:100%}

/* Align the small AI disclosure with the footer logo. */
.site-footer>.ai-disclosure{align-items:flex-start}.ai-disclosure .ai-badge{box-sizing:border-box;width:84px;text-align:center}.site-footer .ai-disclosure p{box-sizing:border-box;width:84px;font-size:6px;line-height:1.35;text-align:left;overflow-wrap:normal}

/* Mobile repair: one continuous scene, with a measured reading area above the subject.
   A short viewport scrolls through the taller scene before its bottom pins.
   None of these rules applies to the approved desktop composition. */
@media (max-width:700px), (max-aspect-ratio:6/5) {
 .immersive-story .track {
  height:calc(max(100svh,var(--mobile-scene-height,100svh)) + 170svh)!important;
  margin-top:0!important;
 }
 .immersive-story .web-track {height:calc(max(100svh,var(--mobile-scene-height,100svh)) + 310svh)!important}
 .immersive-story .scene {
  height:max(100svh,var(--mobile-scene-height,100svh))!important;
  min-height:max(100svh,var(--mobile-scene-height,100svh))!important;
  top:min(0px,calc(100svh - var(--mobile-scene-height,100svh)))!important;
  background-size:100% auto!important;
  background-position:center bottom!important;
  background-repeat:no-repeat!important;
  background-color:#fff;
 }
 .immersive-story .scene-copy,.immersive-story .hero-heading,
 .immersive-story .print-scene .scene-copy {
  top:64px!important;left:9%!important;width:80%!important;
  transform:none!important;
 }
 .immersive-story .hero-heading {top:100px!important}
 .immersive-story .scene-copy h2 {
  font-size:clamp(29px,7.2vw,42px)!important;
  line-height:1.1!important;margin:10px 0 14px!important;
 }
 .immersive-story .scene-copy p,
 .immersive-story .scene-copy .problem-line,
 .immersive-story .scene-copy .solution-line,
 .immersive-story .hero-heading .hero-subline,
 .immersive-story .hero-heading .hero-solution,
 .immersive-story .social-scene .scene-copy .solution-line {
  font-size:14px!important;line-height:1.5!important;
  font-weight:550!important;text-shadow:none!important;
 }
 .immersive-story .scene-copy .problem-line {margin:0 0 10px!important}
 .immersive-story .scene-cta {
  font-size:14px!important;line-height:1.45!important;
  margin:14px 0 0!important;font-weight:700!important;
 }
 .immersive-story .scene:before,
 .immersive-story .brand-scene:before,
 .web-page:before {
  background:linear-gradient(to bottom,#fff 0px,#fffffff7 var(--mobile-copy-bottom,330px),#ffffffb0 calc(var(--mobile-copy-bottom,330px) + 35px),transparent calc(var(--mobile-copy-bottom,330px) + 100px))!important;
 }
 .immersive-story .hero-scene.is-real:before,
 .immersive-story .layout-scene:before,
 .immersive-story .laser-scene:before,
 .immersive-story .print-scene:before,
 .immersive-story .space-scene:before,
 .web-modern:before {
  background:linear-gradient(to bottom,#111111 0px,#111111f7 var(--mobile-copy-bottom,330px),#111111b0 calc(var(--mobile-copy-bottom,330px) + 35px),transparent calc(var(--mobile-copy-bottom,330px) + 100px))!important;
 }
 .immersive-story .layout-scene,.immersive-story .laser-scene,
 .immersive-story .space-scene,.immersive-story .print-scene,
 .immersive-story .hero-scene.is-real {background-color:#111111!important}
 .immersive-story .printer-stage {top:calc(var(--mobile-copy-bottom,330px) + 44px)!important}
 .immersive-story .social-composition {
  top:calc(var(--mobile-copy-bottom,330px) + 40px)!important;
  bottom:100px!important;
 }
 .immersive-story .social-scene .scene-copy p,
 .immersive-story .social-scene .scene-copy .scene-cta,
 .immersive-story .space-scene .scene-copy p {opacity:1!important;pointer-events:auto!important}
 .immersive-story .social-metrics {bottom:0!important}
 .immersive-story .detail-tab {top:calc(var(--mobile-copy-bottom,330px) + 64px)!important}
 .immersive-story .scene .scene-foot {top:var(--mobile-rail-top,150px)!important;bottom:auto!important}
 html.reduced .immersive-story .track,
 html.reduced .immersive-story .social-track {
  height:max(100svh,var(--mobile-scene-height,100svh))!important;
  min-height:max(100svh,var(--mobile-scene-height,100svh))!important;
  margin-top:0!important;
 }
 html.reduced .immersive-story .scene {top:0!important}
}

/* The flying letter uses the exact wall-letter polygon. A continuous gold
   surface avoids mistaking the dark room reflected in mirror acrylic for black material. */
.immersive-story .scene .laser-letter {
 background:linear-gradient(105deg,#b87c25 0%,#efd18a 18%,#d5a74e 42%,#fff0b8 51%,#ce9c3e 62%,#d5ad63 85%,#9b641a 100%)!important;
 background-repeat:no-repeat!important;
 filter:drop-shadow(1px 2px 0 #98661c) drop-shadow(0 5px 6px #0004)!important;
}
.immersive-story .laser-letter .laser-flight-image {visibility:hidden!important}

/* Same palette as PRINUP home108 and shop109. */
:root{--orange:#327660;--mint:#327660;--mint-ink:#0b493c;--ink:#242a28;--paper:#f7f8f4;--mint-surface:#dceee1}
::selection{background:var(--mint);color:var(--ink)}
.brand-color-definition{position:absolute;pointer-events:none}
.navigation .logo{filter:none!important}.navigation .logo img,.intro-logo,.site-footer>img{filter:url(#brand-mint)!important;opacity:1!important}
.ribbon,.phase-controls button.selected,.detail-tab,.motion-switch,.scene-cta,.panel-cta,.contact-actions a,.consent-actions #consent-accept{background:var(--mint)!important;color:var(--ink)!important}
.scene-cta,.panel-cta,.contact-actions a{border-color:var(--mint)!important}
.consent-actions button,.legal-document a{color:var(--mint-ink)!important}
.hero-material-copy,.brand-characters{color:var(--mint-ink)}
.dark .text-link{color:var(--mint)}
.web-modern .web-after .web-editorial .collection-button{background:var(--mint)!important;color:var(--ink)!important}
.web-modern .web-after .web-editorial .tempo-copy{color:var(--mint)!important}
.immersive-story .individual-product img{filter:url(#brand-mint)!important}
.immersive-story>.section:not(.dark){background:#edf1ee}
#studio{background:var(--mint-surface)}#region{background:var(--paper)}#kontakt{background:var(--ink);color:var(--paper)}
#mobile-nav{background:var(--mint-surface)!important;color:var(--ink)!important}
/* The scroll position drives the elements, while each scene stays in the same frame. */
.pinned-story .immersive-story .track{height:260svh!important;margin-top:0!important;position:relative}
.pinned-story .immersive-story .scene{visibility:hidden;pointer-events:none}
.pinned-story .immersive-story .scene.scene-pinned{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;min-height:0!important;visibility:visible;z-index:var(--handoff-z);opacity:var(--handoff-opacity)!important;transform:scale(var(--handoff-scale));transform-origin:center;pointer-events:auto;will-change:opacity,transform}
.pinned-story .immersive-story>.section{position:relative;z-index:30}
.pinned-story .immersive-story>.section.dark{background:var(--ink)}
.pinned-story .site-footer{position:relative;z-index:30}
/* Reading surfaces use the shop's pale green instead of a different accent hue. */
.immersive-story .scene:before{--copy-paper:220,238,225}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .vehicle-scene .picture-stage{overflow:hidden!important}
 .vehicle-scene .picture-stage img[data-wide]{object-fit:cover!important;object-position:64% bottom!important}
 .pinned-story .immersive-story .scene:before{background:linear-gradient(to bottom,#f7f8f4 0px,#f7f8f4f5 var(--mobile-copy-bottom,330px),#f7f8f4a0 calc(var(--mobile-copy-bottom,330px) + 35px),transparent calc(var(--mobile-copy-bottom,330px) + 100px))!important}
 .pinned-story .immersive-story .layout-scene:before,.pinned-story .immersive-story .laser-scene:before,.pinned-story .immersive-story .print-scene:before,.pinned-story .immersive-story .space-scene:before,.pinned-story .immersive-story .hero-scene.is-real:before{background:linear-gradient(to bottom,#242a28 0px,#242a28f5 var(--mobile-copy-bottom,330px),#242a28a0 calc(var(--mobile-copy-bottom,330px) + 35px),transparent calc(var(--mobile-copy-bottom,330px) + 100px))!important}
}

/* Four mobile stories: compact heading, unobstructed central image, explanation below. */
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus{background:var(--paper)!important;color:var(--ink)!important;height:100svh!important;min-height:100svh!important}
 .immersive-story .scene.mobile-focus:before{display:none!important}
 .immersive-story .scene.mobile-focus .scene-copy,.immersive-story .scene.mobile-focus .hero-heading{left:7%!important;top:64px!important;width:86%!important;max-width:none!important;right:auto!important;opacity:1!important;color:var(--ink)!important;transform:none!important;z-index:14!important}
 .immersive-story .scene.mobile-focus .scene-copy h2,.immersive-story .scene.mobile-focus .hero-heading h1{font-size:clamp(25px,6.7vw,36px)!important;line-height:1.08!important;margin:7px 0 0!important;letter-spacing:-.045em!important;color:var(--ink)!important;max-width:none!important}
 .immersive-story .scene.mobile-focus .eyebrow{font-size:9px!important;line-height:1.3!important;color:var(--mint-ink)!important}
 .mobile-focus .discipline-line{display:none!important}
 .mobile-focus-note{position:absolute!important;z-index:14;left:7%;right:7%;bottom:92px;background:var(--paper);color:var(--ink);padding:0!important}
 .mobile-focus-note .problem-line,.mobile-focus-note .hero-subline{display:none!important}
 .mobile-focus-note p{font-size:13px!important;line-height:1.45!important;margin:0!important;font-weight:450!important}
 .mobile-focus-note .scene-cta{font-size:12px!important;line-height:1.3!important;padding:8px 10px!important;margin-top:10px!important;min-height:32px!important;color:var(--ink)!important}
 .immersive-story .mobile-focus .hero-art,.immersive-story .mobile-focus .picture-stage,.immersive-story .mobile-focus .office-field{top:var(--focus-art-top)!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:var(--focus-art-height)!important;mask-image:none!important;overflow:hidden!important;background:#dceee1!important}
 .immersive-story .mobile-focus .hero-art img[data-wide],.immersive-story .mobile-focus .picture-stage img[data-wide]{position:absolute!important;inset:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 65%!important;mask-image:none!important}
 .immersive-story .mobile-focus .hero-sketch,.immersive-story .mobile-focus .picture-stage>.before,.immersive-story .mobile-focus .screen-sketch{filter:grayscale(1)!important}
 .mobile-focus .hero-tools,.mobile-focus .vehicle-tools,.mobile-focus .paper-tape,.mobile-focus .hero-material-copy,.mobile-focus .hero-final,.mobile-focus .picture-caption,.mobile-focus .business-result,.mobile-focus .compare-control,.mobile-focus>.scene-foot{display:none!important}
 .mobile-focus .phase-controls{top:calc(var(--focus-art-top) + var(--focus-art-height) - 32px)!important;bottom:auto!important;left:7%!important;right:auto!important;z-index:18!important}
 .mobile-focus .phase-controls button{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:9px!important;margin-right:5px!important}
 .immersive-story .mobile-focus .detail-tab{top:calc(var(--focus-art-top) + 9px)!important;right:8px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:16px!important}
 .mobile-focus .detail-label{display:none!important}
 .mobile-focus .office-world .office-photo{mask-image:none!important}
 .mobile-focus .office-display img{object-fit:contain!important}
 .mobile-focus .facade-native{background:var(--ink)!important}
 .mobile-focus .facade-native-image{object-fit:cover!important;object-position:center 35%!important}
 .mobile-focus.web-scene .web-page:before{background:linear-gradient(to bottom,var(--paper) 0 var(--focus-art-top),transparent var(--focus-art-top) calc(var(--focus-art-top) + var(--focus-art-height)),var(--paper) calc(var(--focus-art-top) + var(--focus-art-height)) 100%)!important}
 .mobile-focus.web-scene .web-photo-plane .web-room-image{mask-image:none!important}
 .mobile-focus .web-controls{display:flex!important;flex-direction:row!important;gap:8px!important;height:26px!important;width:auto!important;transform:none!important;top:calc(var(--focus-art-top) + var(--focus-art-height) - 31px)!important;bottom:auto!important;left:7%!important;right:auto!important;z-index:18}
 .mobile-focus .web-controls button{width:24px!important;height:24px!important;min-height:24px!important;font-size:9px!important}
 .mobile-focus .web-wipe-edge{display:none!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus .hero-art img.hero-sketch[data-wide],.immersive-story .scene.mobile-focus .picture-stage img.before[data-wide],.immersive-story .scene.mobile-focus .office-display img.screen-sketch{filter:grayscale(1)!important}
 .mobile-focus .phase-controls{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;height:26px!important;width:auto!important;transform:none!important}
 .mobile-focus .phase-controls button{margin:0!important}
}

/* Neutral drawing states; finished photographs retain their material colours. */
.immersive-story .scene .hero-art img.hero-sketch[data-wide],.immersive-story .scene .picture-stage img.before[data-wide],.immersive-story .scene .office-display img.screen-sketch{filter:grayscale(1)!important}
.immersive-story .hero-scene,.immersive-story .vehicle-scene{background-blend-mode:luminosity}

/* One full-frame dip-to-colour. The incoming scene never slides over the outgoing one. */
#story-dip{position:fixed;inset:0;z-index:45;pointer-events:none;opacity:0;background:#f7f8f4;will-change:opacity}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .mobile-products-board,.mobile-laser-frame{position:absolute;left:0;top:var(--focus-art-top);width:100%;height:var(--focus-art-height);overflow:hidden;background:#dceee1}
 .mobile-products-plane{position:absolute;left:0;top:0;transform-origin:0 0}
 .immersive-story .mobile-products-plane>img[data-wide]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;mask-image:none!important}
 .mobile-products-plane>.individual-build{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
 .immersive-story .mobile-focus .sign-stage,.immersive-story .mobile-focus .space-field{top:var(--focus-art-top)!important;left:0!important;bottom:auto!important;width:100%!important;height:var(--focus-art-height)!important;overflow:hidden!important}
 .immersive-story .mobile-focus .sign-stage img[data-wide],.immersive-story .mobile-focus .space-field img[data-wide]{inset:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 60%!important;mask-image:none!important}
 .immersive-story .mobile-focus .scene-environment{inset:auto!important;left:0!important;top:var(--focus-art-top)!important;width:100%!important;height:var(--focus-art-height)!important;object-fit:cover!important;mask-image:none!important}
 .immersive-story .mobile-focus .printer-stage{left:50%!important;top:calc(var(--focus-art-top) + var(--focus-art-height) * .5)!important;bottom:auto!important;width:94%!important;height:var(--printer-height,250px)!important;transform:translate(-50%,-50%)!important}
 .mobile-focus .print-sizes,.mobile-focus .machine-note,.mobile-focus .space-words,.mobile-focus .social-metrics{display:none!important}
 .immersive-story .mobile-focus .social-composition{left:calc(50% - 170px)!important;right:auto!important;bottom:auto!important;width:340px!important;height:440px!important;transform:scale(var(--social-fit,1))!important;transform-origin:center top!important}
 .immersive-story .mobile-focus .social-profile.iphone-profile{width:53%!important;max-width:none!important}
 .immersive-story .mobile-focus .reel-card{left:42%!important;top:3%!important;width:60%!important;max-width:none!important}
 .immersive-story .mobile-laser-frame .laser-field{inset:auto!important;left:0!important;top:var(--laser-plane-top,0px)!important;width:100%!important;height:var(--laser-plane-height,100%)!important;overflow:visible!important}
 .immersive-story .mobile-laser-frame img[data-wide]{inset:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:fill!important;mask-image:none!important}
 .mobile-focus .window-portrait-pair{display:none!important}
 .section .gallery-slider img{max-height:55svh;object-fit:contain}
}

/* Mobile photographic scenes: anthracite text zones dissolve into the picture. */
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus{background:#242a28!important;color:#f7f8f4!important}
 .immersive-story .scene.mobile-focus:before{display:block!important;content:"";position:absolute!important;inset:0!important;z-index:12!important;pointer-events:none!important;opacity:1!important;background:linear-gradient(to bottom,#242a28 0px,#242a28 var(--focus-art-top),#242a28d9 calc(var(--focus-art-top) + 45px),#242a2800 calc(var(--focus-art-top) + 116px),#242a2800 calc(var(--focus-note-top) - 72px),#242a28e8 calc(var(--focus-note-top) + 12px),#242a28 calc(var(--focus-note-top) + 100px),#242a28 100%)!important}
 .immersive-story .scene.mobile-focus .scene-copy,.immersive-story .scene.mobile-focus .hero-heading,.immersive-story .scene.mobile-focus .scene-copy h2,.immersive-story .scene.mobile-focus .hero-heading h1{color:#f7f8f4!important}
 .immersive-story .scene.mobile-focus .eyebrow{color:#327660!important}
 .immersive-story .mobile-focus-note{background:transparent!important;color:#f7f8f4!important}
 .immersive-story .mobile-focus-note p{color:#f7f8f4!important}
 .immersive-story .mobile-focus .hero-art,.immersive-story .mobile-focus .picture-stage,.immersive-story .mobile-focus .office-field,.mobile-products-board,.mobile-laser-frame{background:#242a28!important}
 .mobile-focus.web-scene .web-page:before{display:none!important}
 .mobile-focus .detail-tab{z-index:18!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus .detail-tab{top:calc(var(--focus-heading-bottom) + 24px)!important}
 .mobile-focus .phase-controls,.mobile-focus .web-controls{top:calc(var(--focus-note-top) - 42px)!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus.web-scene:before{display:none!important}
 .immersive-story .scene.mobile-focus.web-scene .web-page:before{display:block!important;z-index:8!important;background:linear-gradient(to bottom,#242a28 0px,#242a28 var(--focus-art-top),#242a28d9 calc(var(--focus-art-top) + 45px),#242a2800 calc(var(--focus-art-top) + 116px),#242a2800 calc(var(--focus-note-top) - 72px),#242a28e8 calc(var(--focus-note-top) + 12px),#242a28 calc(var(--focus-note-top) + 100px),#242a28 100%)!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .mobile-focus .hero-art img.hero-sketch{mix-blend-mode:normal!important}
}

/* One mobile scene: full-bleed photography and a single overlaid copy group. */
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus{--scene-mobile-shade:linear-gradient(100deg,#151b19a6 0%,#151b1940 70%,#151b1920 100%),linear-gradient(180deg,#151b1966 0%,#151b1950 26%,#151b1900 48%,#151b1900 76%,#151b1970 100%)}
 .immersive-story .scene.mobile-focus:before,.immersive-story .scene.mobile-focus.web-scene .web-page:before{background:var(--scene-mobile-shade)!important}
 .immersive-story .scene.mobile-focus .scene-copy,.immersive-story .scene.mobile-focus .hero-heading{top:12%!important;left:7%!important;width:84%!important;max-width:420px!important}
 .immersive-story .scene.mobile-focus .scene-copy h2,.immersive-story .scene.mobile-focus .hero-heading h1{font-size:clamp(25px,7.1vw,36px)!important;line-height:1.06!important;text-shadow:0 1px 14px #0005!important}
 .immersive-story .scene.mobile-focus .scene-copy p,.immersive-story .scene.mobile-focus .hero-heading p{font-size:13px!important;line-height:1.42!important;color:#f7f8f4!important;background:none!important;margin:13px 0 0!important;padding:0!important;text-shadow:0 1px 8px #0008!important;max-width:34ch!important;opacity:1!important;pointer-events:auto!important}
 .immersive-story .scene.mobile-focus .scene-copy .problem-line,.immersive-story .scene.mobile-focus .hero-heading .hero-subline,.immersive-story .scene.mobile-focus .hero-heading .discipline-line{display:none!important}
 .immersive-story .scene.mobile-focus .scene-copy .scene-cta,.immersive-story .scene.mobile-focus .hero-heading .scene-cta{display:inline-flex!important;margin-top:13px!important;padding:7px 9px!important;min-height:31px!important;font-size:12px!important;background:#327660e6!important;color:#242a28!important}
 .immersive-story .scene.mobile-focus .detail-tab{top:55%!important}
 .mobile-focus .phase-controls,.mobile-focus .web-controls{top:auto!important;bottom:95px!important}
 .mobile-focus .hero-art:after{display:none!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus .scene-copy,.immersive-story .scene.mobile-focus .hero-heading{display:block!important}
 .immersive-story .scene.mobile-focus{--scene-mobile-shade:linear-gradient(115deg,#151b1970 0%,#151b1900 80%),linear-gradient(180deg,#151b1980 0%,#151b1970 28%,#151b1900 52%,#151b1900 80%,#151b1960 100%)}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus.business-scene .scene-copy{top:7.5%!important}
 .immersive-story .mobile-focus.web-scene .web-page{background-size:auto 260%!important;background-position:center top!important;background-repeat:no-repeat!important}
 .immersive-story .mobile-focus.web-scene .web-photo-plane{mask-image:linear-gradient(to bottom,transparent 0px,#000 85px,#000 100%)!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .mobile-laser-frame .laser-field{width:var(--laser-plane-width)!important;left:calc((100% - var(--laser-plane-width)) / 2)!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .mobile-focus .sign-stage img[data-wide]{object-position:right center!important}
}

@media(max-width:700px),(max-aspect-ratio:6/5){.immersive-story .scene.mobile-focus.laser-scene .detail-tab{top:72%!important}}

@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .mobile-focus.vehicle-scene .picture-stage:before,.immersive-story .mobile-focus.vehicle-scene .picture-stage:after{content:"";position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(5px);pointer-events:none;z-index:0}
 .immersive-story .mobile-focus.vehicle-scene .picture-stage:before{background-image:var(--vehicle-before)}
 .immersive-story .mobile-focus.vehicle-scene .picture-stage:after{background-image:var(--vehicle-after);clip-path:inset(0 calc((1 - var(--wipe)) * 100%) 0 0)}
 .immersive-story .mobile-focus.vehicle-scene .picture-stage img[data-wide]{object-fit:contain!important;object-position:center!important;z-index:1;mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%)!important}
}

/* Approved palette C. Keep the scene compositions; refine the shared interface. */
:root{--mint:#175a49;--orange:#175a49;--mint-ink:#0b493c;--mint-surface:#dce8e2;--green-deep:#072e25;--green-light:#327660;--ink:#242a28}
.navigation .header-social{display:flex;align-items:center;margin-left:auto;margin-right:16px}
.navigation .header-social{position:absolute;right:100px;top:32px;margin:0}
.navigation .logo{background:#fffffff0;padding:7px 9px;border-radius:8px;box-shadow:0 2px 15px #072e2512;box-sizing:content-box}
.header-social .social-emblems{display:flex;gap:14px;margin:0}
.header-social .social-emblems a{color:#0b493c!important;width:26px;height:26px;padding:0;background:transparent;border:0}
.header-social svg{width:26px;height:26px}
.hero-social{display:none!important}
.menu-toggle{background:#327660!important;border:1px solid #072e25!important;border-radius:12px!important;width:48px!important;height:48px!important;padding:12px!important}
.menu-toggle i{background:#101a16!important;height:2px!important}
#mobile-nav{background:linear-gradient(135deg,#175a49ed,#072e25e8)!important;backdrop-filter:blur(22px)!important;border:1px solid #072e25!important;border-radius:20px!important;padding:42px 16px 16px!important;gap:7px!important;box-shadow:0 18px 60px #072e2533!important;overflow-y:auto!important;max-height:calc(100svh - 150px)}
#mobile-nav>a{min-height:36px!important;padding:8px 12px!important;border:1px solid #072e25!important;background:#f3f6f0e8!important;color:#173a30!important;border-radius:9px!important;font-size:12px!important}
#mobile-nav>a.active,#mobile-nav>a:hover{background:#0b493c!important;color:#fff!important;border-color:#6b9e88!important}
#nav-close{color:white!important;background:transparent!important;top:6px!important;right:12px!important}
#mobile-nav .social-emblems{margin-top:8px;gap:22px}
#mobile-nav .social-emblems a,.contact .social-emblems a{color:white!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:25px!important;height:25px!important;backdrop-filter:none!important}
#mobile-nav .social-emblems svg,.contact .social-emblems svg{width:25px;height:25px;stroke:white}
.scene-cta,.panel-cta,.contact-actions a,#instagram-load,.contact-send{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:12px 22px!important;border-radius:12px!important;background:linear-gradient(120deg,#175a49,#0b493c)!important;border:1px solid #072e25!important;color:#fff!important;line-height:1.3;text-align:center;letter-spacing:0!important;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
.scene-cta:hover,.panel-cta:hover,.contact-actions a:hover,#instagram-load:hover,.contact-send:hover{background:#072e25!important;box-shadow:0 6px 18px #072e2526;transform:translateY(-2px)}
.scene-copy .scene-cta{align-self:flex-start;margin-left:0!important}
.ribbon,.phase-controls button.selected,.motion-switch{background:#175a49!important;color:white!important}
.scene-copy>.eyebrow,.hero-heading>.eyebrow{font-size:clamp(12px,1.1vw,17px)!important;font-weight:750!important;letter-spacing:.08em!important}
.immersive-story .scene .detail-tab{width:94px!important;height:116px!important;padding:0 0 0 30px!important;background:#175a49e8!important;color:#fff!important;clip-path:polygon(100% 0,100% 100%,0 50%)!important}
.immersive-story .scene .detail-tab:hover{background:#0b493c!important}
.immersive-story .scene .detail-tab .detail-label{display:block!important;font:650 10px/1.2 Arial,sans-serif!important;white-space:normal!important;max-width:48px;margin-top:4px!important}
.immersive-story .scene .detail-tab>span{font-size:23px!important}
.region-cities{font-size:clamp(15px,1.7vw,21px)!important;line-height:1.6!important;max-width:1100px;margin-bottom:22px!important;letter-spacing:0!important}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px}
.project-contact{max-width:850px;margin:34px 0;padding:clamp(20px,4vw,36px);border:1px solid #588574;border-radius:20px;background:linear-gradient(130deg,#175a494d,#072e253d);text-align:left}
.project-contact h3{font-size:clamp(20px,2.4vw,30px);margin:0 0 24px;color:#fff}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.project-contact label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#f3f5f3;margin-bottom:18px}
.project-contact label span{font-weight:400;color:#c5d7ce}
.project-contact input,.project-contact select,.project-contact textarea{width:100%;min-width:0;padding:13px 14px;background:#fbfcfa;color:#242a28;border:1px solid #719382;border-radius:9px;font:400 16px/1.4 Arial,sans-serif;box-sizing:border-box}
.project-contact textarea{resize:vertical;min-height:135px}
.project-contact :is(input,select,textarea):focus{outline:2px solid #84b7a0;outline-offset:3px}
.project-contact .contact-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.project-contact .contact-data-note,.project-contact .contact-form-status{font-size:12px!important;line-height:1.6!important;max-width:680px;color:#d2e1d8!important;margin:14px 0!important}
.contact-data-note a{color:inherit;text-decoration:underline}
.contact-send{cursor:pointer;font:650 15px Arial,sans-serif}
.contact .social-emblems{margin:30px 0;gap:22px}
.site-footer .ai-disclosure{font-size:10px!important;line-height:1.5;opacity:.68;max-width:320px}
.fixed-shop{display:flex!important;align-items:center;gap:10px;min-height:54px!important;width:auto!important;padding:10px 18px!important;background:linear-gradient(125deg,#175a49,#072e25)!important;color:#fff!important;border:1px solid #7eac97!important;border-radius:15px!important;box-shadow:0 6px 24px #072e253b!important;text-decoration:none!important}
.fixed-shop svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}
.fixed-shop span{display:flex;flex-direction:column;gap:3px;text-align:left}
.fixed-shop b{font-size:14px}.fixed-shop small{font-size:10px;opacity:.85}
.site-footer>img{background:#f6f8f3;padding:10px;border-radius:9px;max-width:180px!important;box-sizing:content-box}
.web-modern{background:transparent!important;background-image:none!important;box-shadow:none!important;pointer-events:none}
.web-modern .web-photo-plane,.web-modern:before{display:none!important}
.web-modern .scene-copy{pointer-events:auto}
.immersive-story .web-scene .web-start .scene-copy{opacity:var(--web-before-copy,1)!important}
.immersive-story .web-scene .web-modern .scene-copy{opacity:var(--web-after-copy,0)!important;color:#fff!important}
.web-modern .scene-copy{background:linear-gradient(120deg,#072e25e6,#0b493cc4)!important;padding:22px!important;border-radius:16px!important;max-width:420px!important;box-sizing:border-box}
.web-solution-kicker{color:#b4ddc7!important;font-size:clamp(19px,2.3vw,32px)!important;letter-spacing:0!important;line-height:1.2}
.web-modern .scene-copy h2{font-size:clamp(24px,3vw,43px)!important}
.social-profile.iphone-profile{transform-style:preserve-3d;border-color:#151b18!important;box-shadow:3px 0 0 #7e8983,6px 1px 0 #303a35,9px 3px 0 #131a17,13px 16px 28px #0005,inset 0 0 0 2px #828a84!important}
.iphone-profile:after{content:'';position:absolute;right:-9px;top:23%;width:3px;height:13%;border-radius:2px;background:linear-gradient(#89938c,#222d26);box-shadow:0 1px 1px #000;pointer-events:none}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .navigation .header-social{margin-right:10px}.header-social .social-emblems{gap:10px}.header-social .social-emblems a,.header-social svg{width:22px;height:22px}
 .menu-toggle{width:43px!important;height:43px!important;padding:11px!important}
 #mobile-nav{padding:36px 11px 12px!important;gap:6px!important;max-height:calc(100svh - 145px)}
 #mobile-nav>a{font-size:11px!important;min-height:34px!important;padding:7px!important}
 .immersive-story .scene.mobile-focus .detail-tab{width:68px!important;height:92px!important;min-width:68px!important;min-height:92px!important;padding-left:23px!important;right:0!important}
 .immersive-story .scene.mobile-focus .detail-tab .detail-label{font-size:9px!important;max-width:35px}
 .scene-copy>.eyebrow,.hero-heading>.eyebrow{font-size:12px!important}
 .contact-form-grid{grid-template-columns:1fr;gap:0}.project-contact{padding:20px 16px}.contact-actions a{width:100%;box-sizing:border-box}
 .fixed-shop{min-height:45px!important;padding:9px 12px!important;gap:7px}.fixed-shop b{font-size:12px}.fixed-shop small{font-size:9px}.fixed-shop svg{width:22px}
 .immersive-story .scene.mobile-focus.web-scene .web-modern{background:transparent!important;background-image:none!important}
 .immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy{padding:15px!important;max-width:calc(100% - 32px)!important}
 .web-modern .scene-copy h2{font-size:25px!important}.web-solution-kicker{font-size:23px!important}
}
@media(prefers-reduced-motion:reduce){.scene-cta:hover,.panel-cta:hover,.contact-send:hover{transform:none}}
.immersive-story .scene.mobile-focus .scene-copy .scene-cta,.immersive-story .scene.mobile-focus .hero-heading .scene-cta{background:linear-gradient(120deg,#175a49,#0b493c)!important;color:#fff!important;border-radius:11px!important;padding:10px 16px!important}
#mobile-nav{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E"),linear-gradient(135deg,#175a49ed,#072e25e8)!important}
.navigation .menu-toggle{background:#327660!important;border-radius:12px!important;width:46px!important;height:46px!important;color:#101a16!important}
.fixed-actions .fixed-shop span,.fixed-actions .fixed-shop b,.fixed-actions .fixed-shop small{color:#fff!important}
.immersive-story .web-scene .web-modern .scene-copy .web-solution-kicker{font-size:clamp(21px,2.3vw,32px)!important;color:#b4ddc7!important;letter-spacing:0!important}
.immersive-story .scene .scene-copy>.eyebrow{font-size:clamp(12px,1.1vw,17px)!important}
@media(max-width:700px),(max-aspect-ratio:6/5){.navigation .menu-toggle{width:43px!important;height:43px!important}.immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy{width:84%!important;max-width:420px!important}.immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy .web-solution-kicker{font-size:21px!important}}
@media(max-width:700px),(max-aspect-ratio:6/5){.navigation .header-social{right:80px;top:29px;margin:0!important}.header-social .social-emblems{gap:8px}.header-social .social-emblems a,.header-social svg{width:20px;height:20px}}
@media(max-width:700px),(max-aspect-ratio:6/5){.immersive-story .scene.mobile-focus .scene-copy>.eyebrow{color:#b4ddc7!important;text-shadow:0 1px 6px #072e25!important}}
@media(max-width:700px),(max-aspect-ratio:6/5){.immersive-story .scene.mobile-focus .hero-heading>.eyebrow{color:#e1f1e8!important;text-shadow:0 1px 6px #072e25!important}}
.immersive-story .web-modern .web-after .web-editorial .collection-button{color:#fff!important}
.immersive-story .web-modern .web-after .web-editorial .tempo-copy{color:#b4ddc7!important}

/* Scoped corrections following review of the live v6.23 preview. */
.navigation .logo,.site-footer>img{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.navigation .logo img,.intro-logo,.site-footer>img{filter:url(#brand-mint) drop-shadow(0 1px 1px #072e2580) drop-shadow(0 0 7px #ffffff80)!important}
.navigation .logo img{filter:url(#brand-mint) drop-shadow(0 0 2px #ffffff99)!important}
.navigation .logo:after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/logo.png') center/100% 100% no-repeat;clip-path:inset(0 0 0 24%);filter:url(#brand-on-dark) drop-shadow(0 1px 2px #072e2566)}
.site-footer>img{filter:url(#brand-mint) drop-shadow(0 0 2px #ffffff99)!important}
.header-services{position:absolute;top:64px;left:5vw;color:#fff;font-size:12px;font-weight:650;letter-spacing:.075em;line-height:1.4;white-space:nowrap;text-shadow:0 1px 3px #072e25,0 0 9px #072e2580;opacity:1;transition:opacity .3s}
.navigation:has(.logo-away) .header-services{opacity:0;pointer-events:none}
.header-social .social-emblems a{color:#d3f2e2!important;filter:drop-shadow(0 1px 2px #072e25) drop-shadow(0 0 5px #ffffffbf);border:0!important;background:transparent!important}
.navigation .menu-toggle{border:0!important;box-shadow:none!important;background:#175a49d9!important;color:#fff!important}
.navigation .menu-toggle i{background:#fff!important}
#mobile-nav{background:linear-gradient(125deg,#0b493c5c,#072e256b)!important;backdrop-filter:blur(3px)!important;border:0!important;box-shadow:0 15px 50px #072e251f!important}
#mobile-nav>a{background:#ffffffe6!important;border:1px solid #ffffff4d!important}
#mobile-nav>a.active{background:#0b493cb3!important;border-color:#b4ddc780!important}
.immersive-story .print-scene .scene-copy .scene-cta{position:relative!important;left:auto!important;top:auto!important;right:auto!important;margin-top:20px!important;white-space:normal;max-width:100%}
.fixed-actions{position:fixed!important;inset:auto 25px 18px!important;z-index:150!important;visibility:visible!important;opacity:1!important;transform:none!important}
.fixed-actions .fixed-shop{visibility:visible!important;min-width:210px!important}
.fixed-actions .fixed-shop b{font-size:13px!important}
.old-web{background:#e9e6d8!important;color:#342c60!important;padding:2%!important;font-family:Georgia,serif!important}
.old-web nav{background:#7d1313!important;color:#fff!important;font:700 2.2cqw Georgia,serif!important;padding:1.7%!important}
.old-web h3{font-size:3.5cqw!important;color:#31277d!important;margin:2% 0 1%!important;text-decoration:underline}
.old-web>p{font-size:1.9cqw!important;margin:0!important}
.old-web .old-products{gap:3%!important;margin:2% 6%!important}
.old-web .old-products article{padding:2%!important;background:#fff!important;border:2px ridge #b5b1a4!important}
.old-web .old-products img{width:100%;height:13cqw;object-fit:cover}
.old-web .old-products article:nth-child(2) img{object-position:62% 60%;filter:brightness(.85)}
.old-web .old-products b{display:block;font-size:2.2cqw!important;line-height:1.1;margin:2% 0}
.old-web .old-products p{font-size:1.7cqw!important;margin:1% 0!important}
.old-web .old-products button{font:700 1.7cqw Georgia,serif;background:#d1cfb9;border:2px outset #ddd;padding:2% 8%;border-radius:0}
.old-web h4{font-size:2cqw!important;margin:1% 0!important}.old-web footer{font-size:1.6cqw}
.web-redesign-process{position:absolute;left:48%;top:15%;width:43%;z-index:12;padding:15px 18px;background:#072e25e6;color:#fff;border:1px solid #b4ddc75c;border-radius:12px;opacity:0;pointer-events:none;box-shadow:0 8px 30px #0003}
.web-redesign-process>span{display:block;font-size:clamp(14px,1.5vw,21px);font-weight:650;margin-bottom:7px}
.web-redesign-process>b{font-size:10px;letter-spacing:.08em;color:#b4ddc7}
.web-redesign-process>div{height:3px;margin-top:12px;background:#ffffff26}.web-redesign-process i{display:block;height:100%;background:#b4ddc7;width:calc(var(--redesign-progress,0)*100%)}
.narrative-track{position:relative;margin:0;background:#edf1ee;height:auto!important}
.narrative-track .narrative-scene{height:auto;min-height:0;overflow:visible}
.narrative-scene{background:linear-gradient(130deg,#edf1ee,#f7f8f4);color:#242a28}
.pinned-story .narrative-track .scene.narrative-scene:before,.pinned-story .narrative-track .scene.narrative-scene:after{display:none!important}
.narrative-dark .narrative-scene{background:linear-gradient(135deg,#242a28,#132c24);color:#f7f8f4}
.narrative-dark .text-link{color:#b4ddc7!important}
.narrative-inner{position:relative;width:100%;will-change:transform}
.narrative-inner>.section{padding:100px max(5vw,24px) 120px;background:transparent!important}
.narrative-inner .two-column{gap:6vw}
.narrative-inner .section>h2,.narrative-inner .two-column>h2{font-size:clamp(32px,4.1vw,61px)!important}
.narrative-inner .service-region>h2{margin:22px 0}
.narrative-inner .region-cities{margin:18px 0 26px!important}
.narrative-inner .contact-actions{margin-top:22px}
.narrative-inner .contact>p{margin-top:22px}
.narrative-inner>.site-footer{min-height:100svh;padding:100px 5vw 120px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;background:#242a28!important;color:#fff}
.narrative-inner>.site-footer>img{max-width:210px!important}
.pinned-story .narrative-track{height:var(--narrative-track-height,220svh)!important}
.pinned-story .narrative-track .scene{visibility:hidden;pointer-events:none}
.pinned-story .narrative-track .scene.scene-pinned{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;min-height:0!important;visibility:visible;z-index:10;opacity:1!important;transform:none!important;pointer-events:auto;overflow:hidden}
.pinned-story .narrative-track .narrative-inner{background:transparent}
.shop-open .footer-track{display:none}
.reduced .narrative-inner{transform:none!important}
.brand-intro.intro-leave{background:#fff;transition:none}
.intro-services{position:absolute;top:calc(50% + clamp(65px,12vw,160px));left:5%;right:5%;text-align:center;color:#175a49;font-size:clamp(11px,1.3vw,19px);font-weight:650;letter-spacing:.09em;transition:opacity .45s}
.intro-leave .intro-services{opacity:0}
.intro-running main,.intro-running .site-footer{pointer-events:none}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .header-services{top:61px;left:5vw;font-size:9.5px;letter-spacing:.035em}
 .navigation .header-social{top:28px!important}
 .fixed-actions{inset:auto 12px 14px!important;gap:8px!important}
 .fixed-actions .fixed-shop{min-width:0!important;padding:10px 11px!important;max-width:61%!important}
 .fixed-actions .fixed-shop b{font-size:11px!important;white-space:normal}.fixed-actions .fixed-shop small{display:none!important}
 .fixed-actions .fixed-shop svg{width:20px!important;flex-shrink:0}
 .fixed-actions .fixed-whatsapp span{max-width:82px}
 .web-redesign-process{left:7%;top:46%;width:86%;padding:12px}
 .web-redesign-process>span{font-size:15px}.web-redesign-process>b{font-size:8px}
 .narrative-inner>.section{padding:90px 7vw 115px}
 .narrative-inner .section>h2,.narrative-inner .two-column>h2{font-size:32px!important}
 .narrative-inner .two-column{grid-template-columns:1fr;gap:22px}
 .narrative-inner p{font-size:15px}
 .narrative-inner .region-details{grid-template-columns:1fr;gap:25px}
 .narrative-inner .project-contact{margin:28px 0}
}
@media(prefers-reduced-motion:reduce){.narrative-inner{transform:none!important}.narrative-track{height:auto!important}.narrative-scene{height:auto!important;min-height:0!important;overflow:visible!important}.web-redesign-process{display:none}}
@media(min-width:701px) and (min-aspect-ratio:6/5){
 .navigation .logo img,.intro-logo{filter:url(#brand-mint) drop-shadow(0 0 3px #ffffffa0)!important}
 .navigation .logo:after{display:block!important;filter:url(#brand-on-light)!important}
 .header-services{color:#0b493c;font-size:13px;text-shadow:0 0 4px #fff,0 0 9px #fff}
 .header-social .social-emblems a{color:#0b493c!important;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #ffffffbf)!important}
}
/* v6.25: centered wordmark-like service line and a longer, central redesign beat. */
@font-face{font-family:ServicesNarrow;src:url('assets/fonts/RobotoCondensed-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.navigation .header-services{left:50%!important;right:auto!important;top:34px!important;width:max-content;max-width:72vw;transform:translateX(-50%) scaleX(.82);transform-origin:center;text-align:center;font-family:Studio,'Arial Narrow',Arial,sans-serif;font-size:15px!important;font-weight:300!important;letter-spacing:.19em!important;text-transform:uppercase;line-height:1.4}
.intro-services{text-transform:uppercase;font-weight:300!important;letter-spacing:.19em!important;font-family:Studio,'Arial Narrow',Arial,sans-serif}
.navigation .header-services,.intro-services{font-family:ServicesNarrow,'Arial Narrow',sans-serif!important}
.pinned-story .immersive-story .web-track{height:400svh!important}
.immersive-story .web-redesign-process{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(680px,84vw)!important;padding:clamp(24px,4vw,54px)!important;text-align:center;z-index:25;border:1px solid #9bceb65c;border-radius:18px;background:linear-gradient(135deg,#175a49f5,#072e25f5);backdrop-filter:blur(5px);box-shadow:0 18px 70px #0004;transition:opacity .12s linear}
.immersive-story .web-redesign-process>span{font-size:clamp(28px,4vw,58px)!important;font-weight:500;letter-spacing:-.035em;line-height:1.08;max-width:540px;margin:0 auto 20px}
.immersive-story .web-redesign-process>b{display:block;font-size:clamp(9px,1vw,12px)!important;letter-spacing:.12em;line-height:1.8}
.immersive-story .web-redesign-process>div{height:2px;max-width:380px;margin:24px auto 0}
.immersive-story .web-scene .web-start:before{opacity:var(--web-copy-shade,1)!important}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .navigation .header-services{top:68px!important;max-width:94vw;font-size:11px!important;letter-spacing:.13em!important;transform:translateX(-50%) scaleX(.83)}
 .immersive-story .scene.mobile-focus.hero-scene .hero-heading{top:max(100px,12%)!important}
 .immersive-story .web-redesign-process{width:86vw!important;padding:28px 22px!important}
 .immersive-story .web-redesign-process>span{font-size:33px!important}
 .immersive-story .web-redesign-process>b{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.pinned-story .immersive-story .web-track{height:auto!important}}
/* v6.26: the whole interlude belongs to the physical monitor display. */
.pinned-story .immersive-story .web-track{height:460svh!important}
.immersive-story .web-scene .native-web-screen.web-transition-screen{position:absolute;z-index:6!important;overflow:hidden!important;background:transparent!important;pointer-events:none;border:0;container-type:inline-size}
.immersive-story .web-transition-screen .web-redesign-process{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;box-sizing:border-box;transform:translateY(calc(var(--process-exit,0)*101%))!important;padding:4cqw!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(135deg,#175a49,#072e25)!important;backdrop-filter:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1!important;transition:none!important;text-align:center}
.immersive-story .web-transition-screen .web-redesign-process>.typing-title{font-size:8.8cqw!important;line-height:1.08!important;white-space:pre-line;min-height:19.1cqw;width:100%;margin:0 0 2.5cqw!important;max-width:none!important;letter-spacing:-.035em!important;font-weight:500}
.typing-title:after{content:'|';font-weight:200;color:#b4ddc7;margin-left:.03em}
.immersive-story .web-transition-screen .web-redesign-process>.typing-steps{min-height:3cqw;font-size:1.8cqw!important;line-height:1.6!important;margin:0!important;letter-spacing:.12em!important;color:#b4ddc7}
.immersive-story .web-transition-screen .web-redesign-process>.typing-dots{display:flex;justify-content:center;gap:1.9cqw;height:3cqw;margin:2cqw 0!important;background:transparent!important;width:auto!important;max-width:none!important}
.immersive-story .web-transition-screen .web-redesign-process .typing-dots i{width:auto!important;height:auto!important;margin:0!important;background:transparent!important;display:block;font-size:3cqw;font-style:normal;line-height:1;color:#b4ddc7}
.immersive-story .web-transition-screen .web-redesign-process>.typing-progress{height:.6cqw;width:68%;max-width:none;margin:1.5cqw auto 0!important;background:#ffffff26;flex-shrink:0}
.immersive-story .web-transition-screen .typing-progress>i{display:block;height:100%;width:calc(var(--redesign-progress,0)*100%);background:#b4ddc7}
@media(prefers-reduced-motion:reduce){.web-transition-screen{display:none!important}}

/* v6.27: the loading promise shrinks into the same solution card. */
.immersive-story .web-scene .web-modern .scene-copy{opacity:var(--solution-visible,0)!important;background:transparent!important;box-shadow:none!important;isolation:isolate}
.immersive-story .web-scene .web-modern .scene-copy:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#072e25e6,#0b493cc4);z-index:-1;opacity:var(--web-after-copy,0);pointer-events:none}
.immersive-story .web-scene .web-modern .scene-copy>:not(.web-solution-kicker){opacity:var(--web-after-copy,0)!important}
.immersive-story .scene.web-scene .web-modern .scene-copy .web-solution-kicker,.immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy .web-solution-kicker{display:block!important;max-width:100%;font-size:var(--solution-size,32px)!important;line-height:1.12!important;color:var(--solution-color,#b4ddc7)!important;transform:translateY(var(--solution-y,0px));transform-origin:left top;letter-spacing:-.025em!important;text-shadow:none!important;will-change:transform,font-size}
@media(prefers-reduced-motion:reduce){.immersive-story .web-scene .web-modern .scene-copy{opacity:1!important}.immersive-story .scene.web-scene .web-modern .scene-copy .web-solution-kicker,.immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy .web-solution-kicker{transform:none!important;will-change:auto}}

/* v6.29: one compact column, sized by its longest menu label. */
#mobile-nav{width:max-content!important;max-width:calc(100vw - 28px)!important;grid-template-columns:max-content!important;grid-auto-flow:row!important;gap:clamp(3px,.55svh,6px)!important;padding:38px 12px 12px!important;max-height:calc(100svh - 94px)!important;overflow-x:hidden!important;overflow-y:auto!important}
#mobile-nav>a{grid-column:1!important;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:12.5px!important;line-height:1.2!important;padding:5px 14px!important;min-height:clamp(25px,3.8svh,34px)!important;display:flex!important;align-items:center;justify-content:center}
#mobile-nav .social-emblems{grid-column:1!important;justify-content:center;gap:20px!important;margin-top:7px!important}

/* v6.30: reserve the detail-tab rail beside the open menu. */
#mobile-nav{right:110px!important;max-width:calc(100vw - 122px)!important}
@media(max-width:700px),(max-aspect-ratio:6/5){#mobile-nav{right:84px!important;max-width:calc(100vw - 96px)!important}}

/* v6.31: a shared header baseline with a soft white wash. */
.navigation{position:fixed!important;inset:0 0 auto!important;height:86px!important;width:100%!important;display:grid!important;grid-template-columns:190px minmax(0,1fr) auto 46px;align-items:center!important;gap:24px!important;padding:0 26px!important;isolation:isolate;background:none!important}
.navigation:before{content:'';position:absolute;inset:0 0 auto;height:108px;background:linear-gradient(to bottom,rgba(255,255,255,.42) 0%,rgba(255,255,255,.34) 18%,rgba(255,255,255,.20) 42%,rgba(255,255,255,.08) 67%,rgba(255,255,255,.02) 84%,rgba(255,255,255,0) 100%);z-index:-1;pointer-events:none}
.navigation .logo,.navigation .logo.logo-away,.navigation:has(.menu-toggle[aria-expanded=true]) .logo{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:190px!important;max-width:100%;margin:0!important;opacity:1!important;transform:none!important;pointer-events:auto!important}
.navigation .header-services,.navigation:has(.logo-away) .header-services{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important;opacity:1!important;pointer-events:none;font-weight:550!important;font-size:15px!important;letter-spacing:.14em!important;color:#0b493c!important;text-shadow:none!important;text-align:center}
.navigation .header-social{position:static!important;inset:auto!important;margin:0!important;display:flex!important;align-items:center!important;pointer-events:auto}
.navigation .header-social .social-emblems{align-items:center!important;margin:0!important;gap:12px!important}
.navigation .header-social .social-emblems a{color:#0b493c!important;filter:none!important;width:24px!important;height:24px!important}
.navigation .header-social svg{width:24px!important;height:24px!important}
.navigation .menu-toggle{position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:46px!important;height:46px!important;min-width:0!important}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .navigation{height:76px!important;grid-template-columns:70px minmax(0,1fr) 56px 34px;gap:8px!important;padding:0 12px!important}
 .navigation .logo,.navigation .logo.logo-away{width:70px!important}
 .navigation .header-services{font-size:10px!important;line-height:1.45!important;letter-spacing:.08em!important;white-space:normal!important}
 .navigation .header-social .social-emblems{gap:4px!important}
 .navigation .header-social .social-emblems a,.navigation .header-social svg{width:16px!important;height:16px!important}
 .navigation .menu-toggle{width:34px!important;height:34px!important;padding:8px!important;gap:5px!important}
}

.navigation .header-services>span{display:inline-block;white-space:nowrap}
.navigation .header-services>span+span:before{content:' · ';white-space:pre}
.navigation .logo:after{display:block!important;filter:url(#brand-on-light)!important}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .navigation .header-services,.navigation:has(.logo-away) .header-services{font-size:10px!important;line-height:1.45!important;letter-spacing:.08em!important}
 .navigation .header-services>span{display:block}
 .navigation .header-services>span+span:before{content:none}
}

/* v6.32: keep the wash translucent; use small local halos for legibility. */
.navigation .header-services,.navigation:has(.logo-away) .header-services{text-shadow:0 0 5px #ffffffb3!important}
.navigation .header-social .social-emblems a{filter:drop-shadow(0 0 3px #ffffffb3)!important}
.navigation .logo:after{filter:url(#brand-on-light) drop-shadow(0 0 3px #ffffffb3)!important}

/* Original client work: a photographic strip, not a product-card grid. */
#referenzen .narrative-scene{background:radial-gradient(ellipse at 50% 42%,#263d33 0%,#17241f 45%,#101713 100%)!important}
#referenzen .narrative-inner>.reference-section{height:100svh;min-height:0;padding:102px 0 84px!important;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden;color:#f4f6f1;box-sizing:border-box}
.reference-heading{padding:0 5vw;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.reference-heading .eyebrow{font:500 11px/1.5 ServicesNarrow,Arial,sans-serif;letter-spacing:.16em;color:#91bba8}
.reference-heading h2{font-size:clamp(24px,3vw,43px)!important;line-height:1.14!important;letter-spacing:-.04em;max-width:750px;min-height:1.2em;margin-top:10px}
.reference-typed:after{content:'|';color:#a9cdb9;font-weight:200;margin-left:.08em}.reference-typed.typing-done:after{opacity:0}
.reference-heading>p{font-size:12px;line-height:1.6;color:#b9c9bf;max-width:180px;padding-top:25px}
.reference-categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px 20px;padding:0 6vw}
.reference-categories button{background:none;color:#aabdb1;font-size:11px;line-height:1.5;border:0;border-bottom:1px solid transparent;padding:5px 0;white-space:nowrap;transition:color .2s,border-color .2s}
.reference-categories button[aria-pressed=true]{color:#e4f4e8;border-color:#9dcbb5}.reference-categories button:hover{color:white}
.reference-viewport{position:relative;flex:none;width:100%;height:clamp(220px,41svh,460px);overflow:hidden;touch-action:pan-y;cursor:grab;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}
.reference-viewport:active{cursor:grabbing}
.reference-rail{height:100%;position:absolute;top:0;left:0;transition:transform .8s cubic-bezier(.22,.7,.12,1),opacity .2s;will-change:transform}
.reference-frame{position:absolute;top:0;margin:0;background:none;border:0;border-radius:0;overflow:hidden;transition:opacity .8s;outline-offset:4px}
.reference-frame img,.reference-frame video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;border:0!important;border-radius:0!important;filter:none!important;user-select:none;pointer-events:none}
.reference-frame video{position:absolute;inset:0}
.reference-video-label{position:absolute;bottom:12px;left:12px;color:white;background:#10171399;padding:4px 7px;font-size:10px;letter-spacing:.04em;pointer-events:none}
.reference-bottom{padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}
.reference-caption strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.015em}.reference-caption span{display:block;font-size:10px;color:#a9bcb0;margin-top:6px;line-height:1.4}
.reference-controls{display:flex;align-items:center;gap:16px}.reference-controls button{background:transparent;color:#d9e9de;border:0;font-size:23px;padding:5px 9px}.reference-count{font-size:11px;letter-spacing:.12em;color:#adc4b6;min-width:68px;text-align:center;font-variant-numeric:tabular-nums}
.reference-actions{display:flex;justify-content:flex-end;gap:18px;align-items:center}.reference-actions button{font-size:10px;color:#c0d4c8;background:none;border-bottom:1px solid #c0d4c844;padding:5px 0;white-space:nowrap}
.reference-progress{height:1px;background:#7a988633;width:140px;margin:0 auto}.reference-progress i{display:block;height:100%;background:#a8d4bc;width:0}
.reference-status{position:absolute;bottom:65px;left:5vw;font-size:10px;color:#bdd0c3}
#reference-dialog{padding:24px;background:#101713;color:white;border:1px solid #6b877866;max-width:96vw;max-height:94svh;width:max-content;overflow:hidden}
#reference-dialog::backdrop{background:#07110df2;backdrop-filter:blur(8px)}
#reference-dialog h2{font-size:16px;margin:0 90px 18px 0}#reference-dialog>button{position:absolute;right:20px;top:16px;background:none;color:white;font-size:13px;padding:8px}
.reference-detail-media img,.reference-detail-media video{display:block;max-width:90vw;max-height:77svh;object-fit:contain;margin:auto}
/* Crisp header: colour filters stay, blur and glow are removed. */
.navigation:before{height:122px;background:linear-gradient(to bottom,#ffffffa1 0%,#ffffff85 30%,#ffffff4a 55%,#ffffff14 79%,#ffffff00 100%);backdrop-filter:none!important}
.navigation .logo,.navigation .logo.logo-away{filter:none!important}
.navigation .logo img{filter:url(#brand-mint)!important}
.navigation .logo:after{filter:url(#brand-on-light)!important}
.navigation .header-services,.navigation:has(.logo-away) .header-services{text-shadow:none!important;color:#072e25!important}
.navigation .header-social .social-emblems a{filter:none!important;color:#072e25!important}
@media(max-width:700px),(max-aspect-ratio:6/5){
 #referenzen .narrative-inner>.reference-section{padding:93px 0 84px!important;gap:16px;justify-content:center}
 .reference-heading{display:block;padding:0 20px}.reference-heading h2{font-size:26px!important;min-height:2.3em;max-width:310px;margin-top:7px}.reference-heading>p{display:none}
 .reference-categories{justify-content:center;flex-wrap:wrap;overflow:visible;scrollbar-width:none;padding:0 20px;gap:3px 13px;min-height:33px;flex-shrink:0}.reference-categories::-webkit-scrollbar{display:none}.reference-categories button{font-size:11px;padding:6px 0}
 .reference-viewport{height:min(31svh,calc((100vw - 96px)/2.15));mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
 .reference-bottom{padding:0 20px;grid-template-columns:1fr auto;gap:14px}.reference-caption strong{font-size:14px}.reference-caption span{font-size:9px}.reference-controls{gap:1px}.reference-count{font-size:9px;min-width:52px}.reference-controls button{font-size:22px;padding:4px 7px}
 .reference-actions{grid-column:1/-1;justify-content:space-between}.reference-actions button{font-size:10px}.reference-progress{width:100px}
 #reference-dialog{padding:20px 12px}#reference-dialog h2{font-size:14px}.reference-detail-media img,.reference-detail-media video{max-width:88vw;max-height:75svh}
}
@media(prefers-reduced-motion:reduce){.reference-rail,.reference-frame{transition:none}.reference-typed:after{display:none}}

.reference-rail.is-jump{transition:opacity .25s!important}

.reference-bookend{position:absolute;top:0;overflow:hidden;transition:opacity .8s;cursor:pointer}
.reference-bookend img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;pointer-events:none}