.hero-deck{position:absolute;width:47%;right:0;top:185px;z-index:4}.deck-stage{position:relative;height:360px;perspective:1200px}.deck-card{position:absolute;left:10%;top:0;width:80%;border-radius:25px;overflow:hidden;background:#0a1e2eed;border:1px solid #aedffb70;box-shadow:0 25px 65px #0008,inset 0 1px 0 #fff4;transition:transform .85s cubic-bezier(.22,1,.36,1),filter .85s,opacity .85s;backdrop-filter:blur(16px);transform-origin:center}.deck-card[data-position=front]{transform:translateZ(60px);z-index:3;filter:brightness(1)}.deck-card[data-position=left]{transform:translateX(-22%) translateY(12px) translateZ(-130px) rotateY(22deg) rotateZ(-6deg);z-index:1;filter:brightness(.65)}.deck-card[data-position=right]{transform:translateX(22%) translateY(12px) translateZ(-130px) rotateY(-22deg) rotateZ(6deg);z-index:1;filter:brightness(.65)}.deck-label,.deck-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;gap:12px;font-size:10px;color:#c6e0ef}.deck-label strong{font-size:16px;font-weight:400}.deck-card img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;height:auto}.deck-bottom{padding-block:12px}.deck-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:25px}.deck-controls>div{display:flex;gap:5px;padding:5px;border:1px solid #91d6ff30;border-radius:30px;background:#071725da;backdrop-filter:blur(15px)}.deck-controls button{border:0;background:transparent;color:#a9c7da;font:inherit;font-size:10px;padding:9px 12px;border-radius:22px;cursor:pointer}.deck-controls button[aria-pressed=true]{background:#d3efff;color:#082034}.deck-controls .deck-pause{border:1px solid #91d6ff50;background:#071725;color:#d9efff;width:35px;height:35px;padding:0}.hero-art{opacity:.65}.motion-off .deck-card{transition:none}@media(min-width:1500px){.deck-stage{height:400px}}@media(max-width:1100px){.hero-deck{width:45%;top:230px}.deck-stage{height:290px}.deck-label{padding:12px}.deck-label span{font-size:8px}.deck-controls button{padding:8px;font-size:9px}.deck-controls{margin-top:15px}.hero-copy{width:52%}.hero h1{font-size:54px}}@media(max-width:760px){.hero-copy{width:100%}.hero h1{font-size:clamp(40px,11vw,64px)}.hero-deck{position:relative;top:auto;right:auto;width:100%;margin-top:55px}.deck-stage{height:auto;aspect-ratio:1.3}.deck-card{border-radius:18px}.deck-label strong{font-size:14px}.deck-bottom{padding:9px 12px}.deck-controls{margin-top:12px}.hero-foot{padding-top:35px}.hero,.hero-content{min-height:0}.hero-art{inset:270px -23% 0 -18%}.deck-card[data-position=front]{transform:translateZ(25px)}.deck-card img{aspect-ratio:1.6}}@media(prefers-reduced-motion:reduce){.deck-card{transition:none}}
@media(min-width:761px){.deck-stage{height:auto;aspect-ratio:1.4}.deck-controls{margin-top:25px;position:relative;z-index:5}}
.hero-deck{transform:rotate(-3deg);transform-origin:center}.deck-phone{position:absolute;right:-1%;top:190px;width:24%;aspect-ratio:390/800;border:5px solid #122735;border-radius:27px;background:#0a1520;box-shadow:0 18px 35px #0009,0 0 0 1px #a6d7ed80;z-index:4;overflow:hidden;transform:rotate(8deg);pointer-events:none}.deck-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.deck-phone img.concept-phone{object-fit:cover;object-position:left top}.phone-camera{position:absolute;top:5px;left:35%;width:30%;height:8px;border-radius:15px;background:#07121a;z-index:1}.phone-home{position:absolute;bottom:5px;left:30%;width:40%;height:3px;border-radius:3px;background:#fff9}.deck-controls{transform:rotate(3deg);padding-right:50px}.deck-stage{width:94%}@media(max-width:1100px){.deck-phone{top:155px;border-width:4px;border-radius:22px}.deck-controls{padding-right:35px}}@media(max-width:760px){.hero-deck{transform:rotate(-2deg)}.deck-phone{top:115px;right:0;width:24%;border-width:3px;border-radius:17px}.deck-controls{transform:rotate(2deg);padding-right:0;margin-top:35px}.phone-camera{height:5px;top:3px}.deck-stage{width:95%}}
.hero-deck{top:150px;right:-1.5%}.deck-card{backdrop-filter:none}.deck-card[data-position=front]{transform:translateZ(0);filter:none}.mini-site{aspect-ratio:1.6;background:#faf6ec;color:#292820;overflow:hidden;display:flex;flex-direction:column;text-align:left}.mini-nav{padding:12px 18px;font:16px Georgia,serif;display:flex;justify-content:space-between;letter-spacing:.12em}.mini-nav span{font:12px Arial}.mini-layout{display:flex;flex:1;min-height:0}.mini-copy{width:52%;padding:15px 18px;position:relative;z-index:1}.mini-copy h3{font:clamp(17px,1.7vw,27px)/1.12 Georgia,serif;letter-spacing:-.04em}.mini-copy p{font-size:8px;line-height:1.5;margin:12px 0}.mini-cta{display:inline-block;background:#974523;color:#fff;font:8px Arial;padding:8px 10px;border-radius:3px}.mini-photo{width:48%;background-image:url('/assets/concept-sola.webp');background-size:310% auto;background-position:83% 16%}.mini-footer{padding:10px 18px;font:12px Georgia,serif}.mini-northline{background:#eff0eb;color:#16221e}.mini-northline .mini-nav{font:600 12px Arial;letter-spacing:0}.mini-northline h3{font-family:Arial,sans-serif;font-weight:700}.mini-northline .mini-cta{background:#e96311}.mini-northline .mini-photo{background-image:url('/assets/concept-northline.webp');background-size:280% auto;background-position:84% 25%}.deck-phone .mini-site{height:100%;aspect-ratio:auto;display:none}.deck-phone[data-project=sola] .mini-sola,.deck-phone[data-project=northline] .mini-northline{display:flex}.deck-phone .mini-nav{padding:18px 8px 8px;font-size:10px}.deck-phone .mini-layout{flex-direction:column}.deck-phone .mini-copy{width:100%;padding:10px 9px}.deck-phone .mini-copy h3{font-size:16px}.deck-phone .mini-copy p{font-size:6px;margin:7px 0}.deck-phone .mini-cta{font-size:6px;padding:6px}.deck-phone .mini-photo{width:100%;flex:1;min-height:65px;background-size:290% auto}.deck-phone .mini-footer{font-size:8px;padding:9px}.deck-phone img[hidden]{display:none}@media(max-width:1100px){.hero-deck{top:190px}.mini-copy{padding:10px}.mini-copy h3{font-size:20px}}@media(max-width:760px){.hero-deck{top:auto;right:-3px;margin-top:35px}.mini-nav{font-size:12px;padding:9px 12px}.mini-copy{padding:8px 10px}.mini-copy h3{font-size:17px}.mini-copy p{font-size:6px;margin:7px 0}.mini-cta{font-size:6px;padding:6px}.mini-footer{font-size:9px;padding:8px 10px}.deck-phone .mini-copy h3{font-size:12px}.deck-phone .mini-copy p{font-size:5px}.deck-phone .mini-nav{font-size:8px}.deck-phone .mini-copy{padding:6px}.deck-phone .mini-footer{font-size:6px}.deck-phone .mini-cta{font-size:5px}}
/* Stronger typography and compact craft strip */
h1,h2,.hero h1,.concept-heading h2,.section-heading h2,.about-copy h2,.contact-inner h2{font-weight:400;letter-spacing:-.035em}.hero h1{font-weight:600;letter-spacing:-.045em;font-size:clamp(46px,5.1vw,76px)}.service h3{font-weight:400}.studio-ribbon{padding:10px 0;margin-inline:auto;width:calc(100% - 80px);border-radius:24px;background:linear-gradient(115deg,#10293980,#07151d);border-color:#749cb82b}.ribbon-track{gap:42px}.ribbon-track .ribbon-item{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:400;letter-spacing:.01em;text-transform:none}.ribbon-item img{width:40px;height:40px;flex-shrink:0}.ribbon-track{animation-name:compact-ribbon!important}@keyframes compact-ribbon{to{transform:translateX(calc(-50% - 21px))}}@media(max-width:760px){.hero h1{font-size:clamp(38px,10vw,61px)}.studio-ribbon{width:calc(100% - 24px);padding:9px 0;border-radius:20px}.ribbon-track .ribbon-item{font-size:14px;gap:9px}.ribbon-item img{width:32px;height:32px}}
/* Two identical complete groups create a gap-free continuous loop. */
.studio-ribbon{width:100%;margin:0;border-radius:0;border:0;background:transparent;box-shadow:none;padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.ribbon-track{gap:0;width:max-content;animation-name:benefits-loop!important;animation-duration:65s!important;animation-timing-function:linear!important}.ribbon-group{display:flex;align-items:center;gap:38px;padding-right:38px;flex-shrink:0}.ribbon-track .ribbon-item{white-space:nowrap;font-size:15px}.ribbon-item img{width:36px;height:36px}@keyframes benefits-loop{to{transform:translateX(-50%)}}.motion-off .ribbon-track{animation:none!important}@media(max-width:760px){.studio-ribbon{width:100%;padding-block:14px}.ribbon-group{gap:25px;padding-right:25px}.ribbon-track .ribbon-item{font-size:13px}.ribbon-item img{width:32px;height:32px}}
.ribbon-group{min-width:100vw;justify-content:space-around}.hero-deck{top:115px}.deck-phone{top:160px}.deck-card>img{aspect-ratio:1.5;object-fit:contain;background:#07131e}.deck-phone>img{object-fit:contain;object-position:top;background:#f6f3ec}.deck-card{background:#0a1e2e}.deck-card[data-position=front]{transform:translateZ(0)}@media(max-width:1100px){.hero-deck{top:160px}.deck-phone{top:130px}}@media(max-width:760px){.hero-deck{top:auto;margin-top:24px}.deck-phone{top:95px}}
.deck-card[hidden]{display:none}.deck-card>img{image-rendering:auto;object-fit:contain}.deck-phone img{image-rendering:auto}.deck-card[data-position=front]{filter:none}.deck-label span{max-width:65%;text-align:right}.deck-card img{backface-visibility:hidden}