:root{--bg:#080b10;--fg:#f2f3ef;--muted:#969da6;--line:#ffffff26;--blue:#00a7e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.project-track:focus-visible{outline:2px solid var(--blue);outline-offset:6px}header{height:104px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#080b10}.brand img{width:154px;height:66px;object-fit:contain;display:block}nav{display:flex;gap:42px;align-items:center;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--blue)}nav a span{margin-left:12px}.nav-contact{border:1px solid #ffffff55;border-radius:30px;padding:13px 21px}.menu{display:none}.skip{position:absolute;top:-70px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:5px}.hero{min-height:740px;height:calc(100svh - 104px);max-height:1100px;position:relative;overflow:hidden;padding:30px 4.2% 0;display:flex;flex-direction:column}.art{position:absolute;inset:0 0 0 28%;background:radial-gradient(ellipse at 70% 42%,#516271 0, #18212c 40%,#080b10 73%);pointer-events:none}canvas{width:100%;height:100%;display:block}.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b10 0%,#080b1090 18%,transparent 50%),linear-gradient(0deg,#080b10 0%,transparent 30%,transparent 75%,#080b1070 100%)}.hero-top,.hero-foot,.hero-main{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;line-height:1.6;margin:0}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:9px;box-shadow:0 0 14px #00a7e488}.edition{font-size:9px;letter-spacing:1.4px;line-height:1.8;color:#bbc2cb;text-align:right}.hero-main{margin:auto 0;padding:45px 0 55px}.small-index{font-size:10px;letter-spacing:2px;margin:0 0 26px;color:#a7b2bf}h1,h2,h3,p{overflow-wrap:break-word}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(72px,8.8vw,154px);font-weight:500;line-height:1.02;letter-spacing:-.075em;margin:0;max-width:1100px;text-shadow:0 2px 28px #0004}h1 em{font-style:normal;color:var(--blue)}.hero-bottom{display:flex;align-items:center;gap:32px;margin-top:40px}.hero-bottom p{color:#b8bec5;font-size:14px;line-height:1.7;margin:0 10px 0 0}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 24px;border-radius:100px;font-size:13px;font-weight:600;transition:transform .25s,background .25s;white-space:nowrap}.primary{background:var(--blue);color:#031018}.primary:hover{background:#62d1f9;transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.text-link{font-size:12px;border-bottom:1px solid #ffffff66;padding:9px 0}.text-link span{margin-left:15px}.hero-foot{margin-top:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:21px 0;font-size:9px;letter-spacing:1.7px;color:#a9b1bc}.hero-foot a{display:flex;gap:12px;align-items:center}.scroll-line{display:block;width:24px;height:1px;background:var(--blue)}.trust{padding:39px 4.2%;display:flex;gap:60px;align-items:center;border-bottom:1px solid var(--line)}.trust>span{font-size:9px;letter-spacing:1.5px;color:var(--muted);line-height:1.8;min-width:155px}.client-list{display:flex;flex:1;align-items:center;justify-content:space-between;gap:36px;color:#a7abb1}.client-list b{font-family:Arial,sans-serif;font-size:clamp(15px,1.8vw,26px);letter-spacing:-1px}.unicentro{font-weight:400!important;letter-spacing:-1.5px!important}.bridgestone{font-style:italic;font-size:clamp(12px,1.5vw,22px)!important}.projects{padding:100px 0 90px;overflow:hidden}.section-heading{padding:0 4.2%;display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.section-heading h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(30px,3.5vw,56px);line-height:1.15;letter-spacing:-2px;margin:20px 0 0}.section-heading h2 span{color:#8a929d}.gallery-controls{display:flex;gap:10px;align-items:center}.gallery-controls>span{font-size:11px;letter-spacing:1px;margin-right:16px;color:var(--muted)}.gallery-controls button{background:transparent;border:1px solid #ffffff45;width:43px;height:43px;border-radius:50%;transition:background .2s}.gallery-controls button:hover{background:#ffffff20}.gallery-controls button:disabled{opacity:.25;cursor:default}.project-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 4.2% 20px;scroll-padding-left:4.2%;overscroll-behavior-x:contain}.project-track::-webkit-scrollbar{display:none}.project{flex:0 0 62%;min-width:0;text-align:left;background:none;border:0;padding:0;scroll-snap-align:start}.project-img{position:relative;overflow:hidden;background:#1a2028;aspect-ratio:1.7}.project-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s}.project:hover img{transform:scale(1.035)}.project-label{position:absolute;bottom:20px;right:20px;font-size:9px;letter-spacing:1px;border:1px solid #fff8;border-radius:25px;padding:11px 15px;background:#05080b88;backdrop-filter:blur(8px)}.project-caption{display:flex;justify-content:space-between;align-items:start;margin-top:23px}.project-caption div>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.project h3{font-size:clamp(18px,2vw,28px);font-weight:450;letter-spacing:-.6px;margin:9px 0}.project-number{color:#687380;font-size:11px;margin-top:5px}.services{padding:72px 4.2% 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.1fr;gap:35px}.services h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3vw,48px);font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:0 0 40px}.service-row{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:25px 0;transition:padding .3s,color .3s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{padding-left:12px;color:var(--blue)}.service-row span:first-child{font-size:10px;color:var(--muted)}.service-row span:last-child{margin-left:auto}.service-row h3{font-size:clamp(16px,2vw,24px);font-weight:450;margin:0}.contact{padding:80px 4.2% 95px;background:#101820;position:relative}.contact h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(44px,7.4vw,110px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin:28px 0 38px}.contact em{font-style:normal;color:#8c9ba9}.mail{font-size:13px;margin-left:35px;color:#b8c0c8}footer{padding:35px 4.2%;display:flex;gap:40px;justify-content:space-between;align-items:center}footer .brand img{width:120px;height:51px}footer p{font-size:11px;line-height:1.8;color:var(--muted)}footer>span,footer>a:last-child{font-size:8px;letter-spacing:1px;color:var(--muted)}dialog{width:min(1100px,94vw);max-height:92svh;padding:24px;background:#10151c;color:var(--fg);border:1px solid #ffffff33;border-radius:12px}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:18px;font-weight:500;margin:0}.dialog-top button{border:1px solid #ffffff55;background:none;border-radius:20px;padding:9px 14px}dialog>img{width:100%;max-height:60svh;object-fit:contain;display:block;background:#080b10;margin-bottom:24px}
@media(min-width:1600px){header,.hero,.trust,.section-heading,.services,.contact,footer{padding-left:max(4.2%,calc((100vw - 1500px)/2));padding-right:max(4.2%,calc((100vw - 1500px)/2))}}
@media(max-width:850px){header{height:83px;padding:0 6%}.brand img{width:132px;height:56px}header nav{gap:18px;font-size:12px}.hero{padding:25px 6% 0;height:calc(100svh - 83px);min-height:660px}.edition{font-size:8px}.hero-main{padding:30px 0 45px}.hero-bottom{flex-wrap:wrap;gap:22px}.hero-bottom p{flex-basis:100%}.hero-foot>span:last-child{display:none}.art{left:12%;opacity:.85}h1{font-size:clamp(65px,11vw,100px)}.trust{padding:28px 6%;gap:25px;align-items:start}.client-list{flex-wrap:wrap;justify-content:start;gap:22px 30px}.client-list b{font-size:19px}.client-list .bridgestone{font-size:14px!important}.section-heading{padding:0 6%}.project-track{padding-left:6%;padding-right:6%;scroll-padding-left:6%}.project{flex-basis:80%}.services{padding:60px 6%;grid-template-columns:1fr}.contact{padding:65px 6%}.mail{display:block;margin:28px 0 0}footer{padding:30px 6%;flex-wrap:wrap;gap:15px}footer>span{flex-basis:65%}}
@media(max-width:540px){header nav{display:none}.menu{display:flex;align-items:center;gap:20px;padding:10px 0;background:none;border:0;font-size:12px}.menu span{font-size:23px}#mobile-nav:not([hidden]){display:flex;position:absolute;z-index:10;top:83px;left:0;right:0;padding:25px 6%;background:#101820;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}#mobile-nav a{padding:16px 0}.hero{min-height:640px;max-height:850px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.2px}.edition{display:none}.small-index{font-size:8px;letter-spacing:1.25px;margin-bottom:26px}h1{font-size:clamp(58px,13.1vw,74px);letter-spacing:-.07em;line-height:1.08}.hero-bottom{margin-top:29px;gap:18px}.hero-bottom p{font-size:13px;line-height:1.7}.hero-bottom .button{padding:15px 18px;gap:22px;font-size:11px}.text-link{font-size:10px}.text-link span{margin-left:7px}.hero-foot{font-size:7px;letter-spacing:1px;padding:20px 0;gap:20px}.hero-foot a{gap:6px}.scroll-line{width:13px}.art{left:-30%;width:150%;opacity:.66}.art-shade{background:linear-gradient(90deg,#080b10ad,transparent),linear-gradient(0deg,#080b10,transparent 40%,#080b1030)}.trust{display:block}.trust>span{display:block;font-size:8px;margin-bottom:22px}.trust br{display:none}.client-list{justify-content:space-between;gap:22px 14px}.client-list b{font-size:15px}.client-list .bridgestone{font-size:11px!important}.projects{padding:60px 0 45px}.section-heading{align-items:start;gap:12px;margin-bottom:28px}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.section-heading h2{font-size:29px;letter-spacing:-1.3px;margin-top:17px}.gallery-controls{gap:6px;margin-top:35px}.gallery-controls>span{display:none}.gallery-controls button{width:32px;height:32px}.project{flex-basis:88%}.project-track{gap:15px}.project-img{aspect-ratio:1.25}.project-caption{margin-top:18px}.project-caption div>span{font-size:7px;letter-spacing:1px}.project h3{font-size:18px}.project-label{font-size:7px;right:12px;bottom:12px;padding:9px 11px}.services{padding-top:45px;padding-bottom:55px;gap:25px}.services h2{font-size:29px}.contact h2{font-size:51px}.mail{font-size:11px}.dialog-top h2{font-size:14px}.dialog-top button{white-space:nowrap;font-size:11px}dialog{padding:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Motion layer: transform/opacity only; reduced motion preserves the static layout. */
.reading-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;pointer-events:none}.title-line{display:block;overflow:hidden;padding:0 .07em .08em 0;margin-bottom:-.08em}.title-line>span{display:block;transform:translateY(0)}.motion-on .title-line>span{animation:rise-in 1.1s cubic-bezier(.2,.75,.2,1) both}.motion-on .title-line:nth-child(2)>span{animation-delay:.15s}.motion-on .hero-top{animation:soft-in .8s both}.motion-on .small-index{animation:soft-in .8s .1s both}.motion-on .hero-bottom{animation:soft-in 1s .4s both}@keyframes rise-in{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes soft-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
.client-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-belt{width:max-content;display:flex}.client-list{flex:none;justify-content:space-around;width:max(760px,65vw);padding-right:50px;gap:65px}.motion-on .client-belt{animation:client-drift 30s linear infinite}.trust:hover .client-belt,.trust:focus-within .client-belt,.trust.motion-paused .client-belt{animation-play-state:paused}.motion-toggle{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:none;color:var(--muted);font-size:11px}.motion-toggle:hover{border-color:var(--blue);color:var(--blue)}@keyframes client-drift{to{transform:translateX(-50%)}}
.primary{position:relative;overflow:hidden;isolation:isolate}.primary:before{content:"";position:absolute;inset:-50% auto -50% -50%;width:30%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#ffffff77,transparent);pointer-events:none}.primary:hover:before{animation:button-glint .8s ease}@keyframes button-glint{to{left:140%}}
.project-img{border:1px solid #ffffff12;transition:border-color .4s,box-shadow .4s}.project:hover .project-img{border-color:#00a7e477;box-shadow:0 15px 50px -30px #00a7e4}.project-label{transition:transform .4s,background .4s}.project:hover .project-label{transform:translateY(-5px);background:#080b10c9}.project-number{transition:color .3s,transform .3s}.project:hover .project-number{color:var(--blue);transform:translateY(-3px)}.service-row{position:relative;overflow:hidden}.service-row:before{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#00a7e415,transparent);transition:transform .4s;pointer-events:none}.service-row:hover:before{transform:scaleX(1)}.service-row span:last-child{transition:transform .3s}.service-row:hover span:last-child{transform:translate(4px,-4px)}.hero-foot .scroll-line{animation:scroll-pulse 2.5s ease-in-out infinite}@keyframes scroll-pulse{50%{transform:scaleX(.45);opacity:.4}}dialog[open]{animation:soft-in .3s ease-out}
@media(max-width:850px){.trust{align-items:center;gap:22px}.client-list{width:620px;gap:45px}.reveal-ready{transform:translateY(20px)}}
@media(max-width:540px){.trust{position:relative;padding-right:6%}.trust>span{padding-right:35px}.client-window{width:100%}.client-list{width:560px;flex-wrap:nowrap;padding-right:40px;gap:40px}.motion-toggle{position:absolute;right:6%;top:24px}.reveal-ready{transition-duration:.65s}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.client-list[aria-hidden=true]{display:none}.client-window{overflow:auto;mask-image:none}.client-list{width:auto;flex-wrap:wrap;gap:20px 30px;padding:0}.motion-toggle{display:none}.title-line>span{transform:none}}
/* Services: persistent image previews for touch, mouse and keyboard. */
.services{grid-template-columns:1fr 1.3fr;gap:7%}.service-showcase{min-width:0}.service-visual{aspect-ratio:1.06;margin-top:35px;position:relative;overflow:hidden;background:#111b25;border:1px solid #ffffff20}.service-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#050b12d9);pointer-events:none}.service-visual>img{display:block;width:100%;height:100%;object-fit:cover}.visual-corner{position:absolute;left:20px;top:20px;background:#080b10ad;backdrop-filter:blur(8px);border-radius:25px;padding:10px 12px;font-size:8px;letter-spacing:1.5px}.visual-caption{position:absolute;bottom:22px;left:22px;right:22px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px}.visual-caption>span:first-child{font-size:10px;letter-spacing:1.5px;line-height:1.6;max-width:200px}.visual-index{font-family:Manrope,Arial,sans-serif;font-size:42px;letter-spacing:-2px;line-height:1;color:#ffffff9c}.service-hint{font-size:10px;color:var(--muted);margin:16px 0 0;line-height:1.6}.service-content h2{margin-bottom:35px}.service-row{width:100%;background:none;color:var(--fg);text-align:left;border:none;border-top:1px solid var(--line);font:inherit}.service-row:nth-last-child(2){border-bottom:1px solid var(--line)}.service-name{font-size:clamp(16px,1.8vw,24px);font-weight:450;margin:0}.service-row.selected{color:var(--blue);padding-left:12px}.service-row.selected:before{transform:scaleX(1)}.service-row.selected .service-arrow{transform:translate(4px,-4px)}.service-info{padding:8px 0 0 34px;min-height:160px}.service-info p{font-size:13px;color:#a9b4bf;line-height:1.85;max-width:470px;margin:20px 0}.service-info a{display:inline-flex;gap:20px;font-size:11px;border-bottom:1px solid #00a7e455;padding:0 0 8px;color:var(--blue)}.service-info a:hover{color:#9ae4ff}
/* Project narratives describe only visible elements of the existing photographs. */
body.case-open{overflow:hidden}#project-dialog{width:min(1160px,96vw);padding:0;background:#0b1017;border-radius:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#48515d #0b1017;overscroll-behavior:contain}#project-dialog .dialog-top{position:sticky;top:0;z-index:5;background:#0b1017eb;backdrop-filter:blur(14px);padding:17px 35px;margin:0;border-bottom:1px solid var(--line)}#project-dialog .dialog-top>.eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.5px}.case-head{padding:50px 6% 40px}.case-head>.eyebrow{color:var(--blue);font-size:9px}.case-head h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.15;margin:22px 0}.case-head>p:last-child{font-size:15px;line-height:1.75;color:#a8b3bf;max-width:600px;margin:0}.case-cover{margin:0 3%}.case-cover img{display:block;width:100%;max-height:72svh;object-fit:contain;background:#05080b}.case-story{padding:60px 6%;display:grid;grid-template-columns:1fr 2fr;gap:35px}.case-story>.eyebrow{font-size:8px;color:var(--muted)}.case-story h3,.case-detail h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(23px,2.7vw,36px);font-weight:500;letter-spacing:-1px;line-height:1.25;margin:0 0 23px}.case-story p:not(.eyebrow),.case-detail p:not(.eyebrow){font-size:13px;color:#a8b3bf;line-height:1.9;margin:0;max-width:560px}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.case-tags span{border:1px solid #ffffff26;border-radius:25px;padding:8px 12px;font-size:9px;color:#b8c3cd}.case-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;padding:55px 6%;background:#131d27}.case-detail .eyebrow{font-size:8px;color:var(--blue);margin-bottom:23px}.case-detail figure{margin:0;min-width:0}.detail-crop{aspect-ratio:1.1;overflow:hidden}.detail-crop img{width:100%;height:100%;object-fit:cover;transform:scale(1.6);display:block}.case-detail figcaption{font-size:9px;color:#9ba6b2;margin-top:12px;line-height:1.6}.case-bottom{display:flex;justify-content:space-between;align-items:end;padding:60px 6%;gap:30px}.case-bottom .eyebrow{font-size:8px;color:var(--muted)}.case-bottom h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,40px);line-height:1.2;font-weight:500;letter-spacing:-1px;margin:20px 0 28px}#next-case{display:flex;align-items:center;gap:25px;background:none;border:0;border-bottom:1px solid #ffffff55;padding:12px 0;white-space:nowrap;font-size:11px}#next-case:hover{color:var(--blue)}
@media(max-width:850px){.services{grid-template-columns:1fr;gap:35px}.service-showcase{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.service-showcase>.eyebrow{grid-column:1/-1}.service-visual{grid-column:1/-1;aspect-ratio:1.8;margin-top:5px}.service-hint{grid-column:1/-1;margin-top:0}.service-info{min-height:0}.case-story{grid-template-columns:1fr;gap:23px}.case-detail{gap:30px}.case-bottom{align-items:start;flex-direction:column}}
@media(max-width:540px){.service-visual{aspect-ratio:1.45}.service-hint{font-size:9px}.visual-caption{left:16px;right:16px;bottom:17px}.visual-corner{top:14px;left:14px;font-size:7px;padding:9px 11px}.visual-caption>span:first-child{font-size:8px}.visual-index{font-size:34px}.service-content h2{font-size:29px;margin-bottom:28px}.service-row{padding-top:23px;padding-bottom:23px;gap:15px}.service-name{font-size:16px}.service-info{padding-left:25px}.service-info p{font-size:12px}.service-info a{font-size:10px;gap:12px}#project-dialog{width:100vw;max-width:100vw;max-height:100svh;height:100svh;border:0;border-radius:0;margin:0}#project-dialog .dialog-top{padding:15px 6%}.case-head{padding-top:32px;padding-bottom:28px}.case-head h2{font-size:33px;letter-spacing:-1.3px}.case-head>p:last-child{font-size:13px}.case-cover{margin:0}.case-story{padding-top:35px;padding-bottom:40px}.case-story h3,.case-detail h3{font-size:25px}.case-story p:not(.eyebrow),.case-detail p:not(.eyebrow){font-size:12px}.case-detail{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px}.detail-crop{aspect-ratio:1.45}.case-bottom{padding-top:40px;padding-bottom:45px}.case-bottom .button{font-size:11px;padding:16px 20px}.case-bottom h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){#project-dialog{scroll-behavior:auto}.service-row.selected{padding-left:0}.service-visual{animation:none}}
/* Original material interaction, inspired by the peel/lens patterns explored. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.print-play{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:85px 6%;border-top:1px solid var(--line);background:radial-gradient(ellipse at 75% 50%,#15212b55,transparent 60%)}.print-play h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.5vw,53px);font-weight:500;letter-spacing:-1.8px;line-height:1.18;margin:24px 0}.print-play h2 span{color:#8c9ba9}.print-play-copy>p:not(.eyebrow){color:#a8b3bf;font-size:13px;line-height:1.9;margin-bottom:27px}.print-play-copy .text-link{display:inline-block;font-size:11px}.sticker-demo{min-width:0}.sticker-mat{height:345px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff17;background-color:#111820;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;border-radius:10px}.mat-mark{position:absolute;font-size:7px;letter-spacing:1.3px;color:#717e8c;pointer-events:none}.mat-top{top:17px;left:19px}.mat-bottom{bottom:17px;right:19px}.sticker-backing,.brand-sticker{width:235px;height:225px;transform:rotate(-7deg);border-radius:22px}.sticker-backing{position:absolute;background:#d9e0e3;display:flex;align-items:start;justify-content:end;padding:17px 12px;box-shadow:0 15px 28px #0003}.sticker-backing>span{color:#2f4753;font-size:9px;line-height:1.4;transform:rotate(7deg);text-align:right}.sticker-backing strong{font-size:12px}.brand-sticker{--peel:25px;position:relative;padding:0;border:0;background:none;isolation:isolate;touch-action:none;cursor:grab;filter:drop-shadow(3px 9px 9px #0006)}.brand-sticker:active{cursor:grabbing}.sticker-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(135deg,#0cbaef,#007ebc);border:4px solid #f1f3ef;clip-path:polygon(0 0,calc(100% - var(--peel)) 0,100% var(--peel),100% 100%,0 100%);transition:clip-path .3s cubic-bezier(.2,.7,.2,1);overflow:hidden}.sticker-front:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,#ffffff20 38%,transparent 48%);pointer-events:none}.sticker-front>img{width:175px;height:85px;object-fit:contain;position:relative}.sticker-mini{position:absolute;top:24px;left:22px;font-size:7px;letter-spacing:1.4px;color:#f1faffcc}.sticker-bottom{position:absolute;left:18px;right:18px;bottom:21px;font-size:6px;letter-spacing:.75px;display:flex;align-items:center;justify-content:space-between;color:#fff}.sticker-bottom>span{font-size:18px}.sticker-fold{position:absolute;top:0;right:0;width:var(--peel);height:var(--peel);clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(135deg,#f7fbff 5%,#d0d9de 38%,#94a3ae 52%,#edf3f6 85%);filter:drop-shadow(-2px 4px 4px #00182e55);transition:width .3s cubic-bezier(.2,.7,.2,1),height .3s cubic-bezier(.2,.7,.2,1);pointer-events:none;border-radius:0 0 0 4px}.brand-sticker.peel-dragging .sticker-front,.brand-sticker.peel-dragging .sticker-fold{transition:none}.sticker-hint{font-size:10px;color:#8f9da9;text-align:center;line-height:1.6;margin:17px 0 0}
.lens-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0}.lens-toolbar p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.lens-toolbar button{display:flex;align-items:center;gap:9px;flex:none;background:#15202b;color:#c6d0d9;border:1px solid #ffffff30;border-radius:30px;padding:11px 16px;font-size:10px}.lens-toolbar button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.lens-ratio{font-size:9px;opacity:.7}.case-photo{position:relative;overflow:hidden;outline-offset:3px}.case-photo>img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;margin:0}.case-photo.lens-active{touch-action:none;cursor:crosshair}.photo-lens:not([hidden]){position:absolute;width:clamp(110px,17vw,195px);aspect-ratio:1;border-radius:50%;border:2px solid #eff9ffb3;outline:1px solid #00192e77;box-shadow:0 0 0 8px #00a7e41c,0 12px 30px #0005;background-repeat:no-repeat;pointer-events:none;z-index:2}.photo-lens span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:8px;color:white;background:#080b10b3;border-radius:15px;padding:4px 9px}
@media(hover:hover) and (pointer:fine){.brand-sticker:hover:not(.peeled):not(.peel-dragging){--peel:65px}}
@media(max-width:850px){.print-play{gap:5%;padding:65px 6%}.sticker-mat{height:315px}.brand-sticker,.sticker-backing{width:215px;height:210px}.sticker-front>img{width:160px}.sticker-mini{font-size:6px}.sticker-bottom{font-size:5px}}
@media(max-width:540px){.print-play{grid-template-columns:1fr;gap:32px;padding:55px 6%}.print-play h2{font-size:31px;letter-spacing:-1.2px}.print-play-copy>p:not(.eyebrow){font-size:12px}.sticker-mat{height:320px}.brand-sticker,.sticker-backing{width:230px;height:220px}.sticker-front>img{width:170px}.sticker-mini{font-size:7px}.sticker-bottom{font-size:6px}.sticker-hint{font-size:9px}.lens-toolbar{padding:13px 5%;gap:10px}.lens-toolbar p{font-size:9px}.lens-toolbar button{font-size:9px;padding:10px 12px;gap:7px}.photo-lens:not([hidden]){width:125px}}
@media(prefers-reduced-motion:reduce){.sticker-front,.sticker-fold{transition:none}}