@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0ea;color:#111;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:24px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.brand{font-size:20px;font-weight:600}.brand span{font-size:8px;vertical-align:top}.header nav{display:flex;gap:28px}.header .year{text-align:right}.hero{min-height:100svh;padding:150px 4vw 48px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.case-copy h2,.hero h1,.profile h2{font-size:clamp(58px,10vw,150px);line-height:.82;letter-spacing:-.065em;margin:40px 0;font-weight:500}.hero h1 i,.profile h2 i{font-family:"Instrument Serif",serif;font-weight:400}.hero-foot{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #aaa;padding-top:18px}.hero-foot p{max-width:440px;font-size:18px}.section-head{padding:18px 2vw;display:flex;justify-content:space-between;text-transform:uppercase;font-size:12px}.project-row{min-height:100svh;padding:24px 2vw}.project-link{display:flex;flex-direction:column;min-height:calc(100svh - 48px)}.project-top{display:grid;grid-template-columns:80px 1fr 80px;align-items:start}.project-top h2{font-size:clamp(54px,8vw,122px);line-height:.8;letter-spacing:-.06em;margin:0;text-transform:uppercase}.project-top h2 span{display:block}.arrow{font-size:40px;text-align:right}.visual{position:relative;flex:1 1;min-height:430px;overflow:hidden;margin:30px 6vw;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,#fff),var(--accent));border-radius:3px}.gridlines{inset:0;background-image:linear-gradient(#0001 1px,transparent 0),linear-gradient(90deg,#0001 1px,transparent 0);background-size:48px 48px}.gridlines,.orb{position:absolute}.orb{border-radius:50%;filter:blur(1px)}.orb.a{width:32vw;height:32vw;background:#fff8;left:-7%;top:-22%}.orb.b{width:25vw;height:25vw;background:#0002;right:-4%;bottom:-20%}.device{position:absolute;background:#111;border:8px solid #111;box-shadow:0 30px 80px #0004}.desktop{width:58%;height:62%;left:20%;top:18%;transform:rotate(-5deg)}.phone{width:13%;height:42%;right:14%;bottom:8%;border-radius:20px;transform:rotate(8deg)}.devicebar{height:6%;background:#ddd}.screen-ui{height:94%;background:#eee;padding:8%;display:grid;grid-gap:8%;gap:8%;grid-template-columns:1fr 1fr}.screen-ui b,.screen-ui span{display:block;background:var(--accent);min-height:20px}.screen-ui b{grid-column:1/-1;background:#222}.visual-title{position:absolute;left:3%;bottom:1%;font-size:clamp(48px,8vw,130px);line-height:.75;letter-spacing:-.07em;color:#111;margin:0;text-transform:uppercase;font-weight:600}.visual-title span{display:block}.badge{position:absolute;right:3%;top:4%;background:#111;color:var(--accent);padding:9px 12px;font-size:11px}.project-bottom{display:grid;grid-template-columns:1fr 1fr auto;text-transform:uppercase;font-size:12px}.profile{padding:140px 4vw}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10vw;gap:10vw;margin-top:70px}.profile-grid>div>p{font-size:25px;line-height:1.35}.skills{display:grid;grid-template-columns:1fr 1fr}.skills span{padding:16px 0;border-top:1px solid #aaa}footer{background:#111;color:#f5f2eb;min-height:75svh;padding:60px 4vw;display:flex;flex-direction:column;justify-content:space-between}footer p{font-size:16px}footer a{font-size:clamp(45px,8vw,120px);line-height:.9;letter-spacing:-.06em}footer span{text-align:right}.case-hero{min-height:100svh;padding:145px 4vw 50px;display:flex;flex-direction:column}.case-hero h1{font-size:clamp(72px,14vw,220px);line-height:.72;letter-spacing:-.075em;text-transform:uppercase;margin:50px 0}.case-hero h1 span{display:block}.case-intro{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw}.case-intro>p{font-size:25px;max-width:650px}.case-intro div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid;padding-top:12px;text-transform:uppercase;font-size:12px}.case-visual{height:110svh;padding:8vw 2vw}.case-visual .visual{height:100%;margin:0}.case-copy{padding:140px 4vw}.case-copy h2{max-width:1200px}.case-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10vw;gap:10vw;margin-top:100px}.case-grid p{font-size:22px;line-height:1.45}.case-grid ul{list-style:none;padding:0}.case-grid li{border-top:1px solid #aaa;padding:18px 0;display:flex;justify-content:space-between;font-size:18px}.gallery{display:grid;grid-template-columns:1fr 1fr;padding:4vw;grid-gap:3vw;gap:3vw}.poster{min-height:70svh;background:#111;color:var(--accent);padding:35px;display:flex;flex-direction:column;justify-content:space-between;font-size:32px}.poster b{font-size:18vw;line-height:.7}.poster.inverse{background:#f2f0ea;color:#111}.next{padding:100px 4vw;background:#111;color:#fff}.next a{display:flex;flex-direction:column;font-size:18px}.next strong{font-size:clamp(52px,9vw,140px);line-height:.9;letter-spacing:-.06em;margin-top:30px}@media(max-width:800px){.header{grid-template-columns:1fr auto}.header .year{display:none}.header nav{gap:12px}.hero{padding-top:130px}.case-grid,.case-intro,.gallery,.hero-foot,.profile-grid{grid-template-columns:1fr}.hero-foot{display:block}.hero-foot span{display:block;margin-top:30px}.project-top{grid-template-columns:40px 1fr 40px}.project-row{min-height:auto}.project-link{min-height:850px}.visual{margin:30px 0}.desktop{width:78%;left:8%}.phone{width:22%;right:5%}.project-bottom{grid-template-columns:1fr}.project-bottom p:nth-child(2){display:none}.profile{padding:90px 5vw}.case-visual{height:80svh}.case-grid{gap:30px}.gallery{gap:20px}.poster{min-height:55svh}}footer a.contact-email{align-self:flex-start;font-size:clamp(18px,2vw,26px);line-height:1.3;letter-spacing:normal;border-bottom:1px solid;padding-bottom:6px;overflow-wrap:anywhere;transition:opacity .3s ease}footer a.contact-email:hover{opacity:.6}.case-detail{display:grid;grid-template-columns:1fr 1fr;grid-gap:10vw;gap:10vw;margin-top:80px;padding-top:24px;border-top:1px solid #aaa}.case-detail p:not(.eyebrow){font-size:clamp(18px,2vw,25px);line-height:1.45}.project-live{display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:8px;font-size:17px}@media(max-width:800px){.case-detail{grid-template-columns:1fr;gap:24px;margin-top:45px}}.firinne-case{background:#f3f1ea;color:#14271e;overflow:hidden}.firinne-case .header{color:inherit}.firinne-case em{font-family:"Instrument Serif",serif;font-weight:400}.firinne-hero{min-height:100svh;background:#dbe9dc;position:relative;padding:125px 4vw 40px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.firinne-hero:before{content:"";position:absolute;width:58vw;height:58vw;right:-14vw;top:0;background:radial-gradient(circle,#a7cdb5 0,transparent 70%);filter:blur(18px);z-index:-1}.firinne-hero-bottom,.firinne-hero-meta,.firinne-showcase-heading{display:flex;justify-content:space-between;gap:25px;font-size:11px;font-weight:600;letter-spacing:.12em}.firinne-hero-meta{text-transform:uppercase}.firinne-eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;display:flex;align-items:center;gap:10px}.firinne-dot{width:8px;height:8px;background:#1e7250;border-radius:50%;display:inline-block}.firinne-hero h1{font-size:clamp(75px,12.5vw,210px);font-weight:500;line-height:.79;letter-spacing:-.085em;margin:25px 0 45px}.firinne-hero h1 em{letter-spacing:-.065em}.firinne-period{color:#2e845e}.firinne-hero-bottom{align-items:end;border-top:1px solid #779c87;padding-top:20px}.firinne-hero-bottom p{max-width:470px;font-size:clamp(17px,1.6vw,24px);line-height:1.35;letter-spacing:-.03em;margin:0;font-weight:400}.firinne-hero-bottom b{font-size:25px;margin-left:20px}.firinne-hero-watermark{position:absolute;right:4vw;bottom:14vh;font-size:16vw;font-weight:600;opacity:.055;pointer-events:none}.firinne-showcase{background:#142c21;color:#e9f4e9;padding:95px 4vw 105px}.firinne-showcase-heading{margin-bottom:30px}.firinne-large-browser,.firinne-preview-browser,.firinne-shot-frame{background:#f6f5f1;overflow:hidden;box-shadow:0 35px 100px #0003}.firinne-browser-top{height:35px;background:#f6f5f1;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid #d9ddd8}.firinne-browser-top>span{height:7px;width:7px;border-radius:50%;background:#bac9c0}.firinne-browser-top small{margin:auto;font-size:9px;letter-spacing:.12em;color:#687c70}.firinne-large-browser img,.firinne-preview-browser img,.firinne-shot-frame img{display:block;width:100%;height:auto}.firinne-image-note{display:flex;justify-content:space-between;margin:20px 0 0;color:#b6d0bd;font-size:14px}.firinne-narrative{padding:145px 5vw;background:#f3f1ea}.firinne-section-label{font-size:11px;letter-spacing:.15em;font-weight:600}.firinne-narrative h2,.firinne-tech h2{font-size:clamp(54px,8vw,135px);font-weight:500;letter-spacing:-.075em;line-height:.94;margin:60px 0 110px}.firinne-narrative-bottom{display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;border-top:1px solid #b4bcb4;padding-top:22px}.firinne-narrative-bottom p:first-child{text-transform:uppercase;font-size:12px;letter-spacing:.12em}.firinne-narrative-bottom p:last-child{font-size:clamp(20px,2.4vw,35px);line-height:1.35;margin:0}.firinne-story{padding:105px 4vw;background:#e1eae0}.firinne-story-1{background:#e9e6dd}.firinne-story-2{background:#dce8e6}.firinne-story-heading{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:25px;gap:25px;align-items:start;margin-bottom:55px}.firinne-story-heading>span{font-size:11px;font-weight:600;letter-spacing:.1em}.firinne-story-heading h2{font-size:clamp(45px,5vw,85px);line-height:.95;letter-spacing:-.06em;margin:0;font-weight:500}.firinne-story-heading p{font-size:17px;line-height:1.5;margin:0}.firinne-shot-frame{border:1px solid #c6d0c7}.firinne-tech{background:#f3f1ea;padding:135px 5vw}.firinne-tech h2{margin-bottom:95px}.firinne-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.firinne-tech-grid>div{border-top:1px solid #9aaba0;padding-top:15px}.firinne-tech-grid span{font-size:11px;letter-spacing:.1em}.firinne-tech-grid p{font-size:21px;line-height:1.4}.firinne-confidential{margin-top:100px;color:#65766b;font-size:12px;max-width:600px}.firinne-next{background:#11281d;color:#f1f2e9;padding:90px 5vw 45px}.firinne-next>span{font-size:11px;letter-spacing:.1em}.firinne-next>p{font-size:clamp(65px,10vw,155px);line-height:.88;letter-spacing:-.075em;margin:85px 0 35px}.firinne-next>a{font-size:clamp(35px,5vw,65px);border-bottom:1px solid #a4b8a8}.firinne-next>div{display:flex;justify-content:space-between;border-top:1px solid #456050;margin-top:130px;padding-top:24px;font-size:12px;letter-spacing:.08em}.firinne-next strong{font-size:20px;margin-left:20px}.firinne-preview{position:relative;flex:1 1;min-height:440px;overflow:hidden;margin:30px 6vw;background:#d9eadf;padding:5% 7%;display:flex;align-items:center;justify-content:center}.firinne-preview-glow{position:absolute;width:60%;aspect-ratio:1;background:#9acdaf;filter:blur(100px);border-radius:50%;right:-10%;top:-20%}.firinne-preview-browser{position:relative;width:100%;transform:rotate(-2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 90px #173b2b4a}.project-link:hover .firinne-preview-browser{transform:rotate(0deg) scale(1.025)}.firinne-preview-tag{position:absolute;bottom:5%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;font-weight:700;color:#173b2b}.firinne-preview-tag span{font-size:22px}@media(max-width:800px){.firinne-hero{padding:110px 5vw 35px;min-height:90svh}.firinne-hero h1{font-size:clamp(58px,13vw,105px)}.firinne-hero-meta span:last-child{display:none}.firinne-hero-bottom{display:block}.firinne-hero-bottom>span{display:block;margin-top:30px}.firinne-showcase,.firinne-story{padding:65px 5vw}.firinne-narrative,.firinne-tech{padding:90px 5vw}.firinne-narrative h2,.firinne-tech h2{margin:40px 0 65px}.firinne-narrative-bottom,.firinne-story-heading{grid-template-columns:1fr;gap:20px}.firinne-story-heading{margin-bottom:30px}.firinne-tech-grid{grid-template-columns:1fr 1fr}.firinne-tech-grid p{font-size:17px}.firinne-preview{min-height:320px;margin:24px 0;padding:7%}.firinne-next>div{gap:25px;flex-wrap:wrap}.firinne-next strong{display:block;margin:12px 0 0}}@media(prefers-reduced-motion:reduce){.firinne-preview-browser{transition:none!important}}.cinematic{overflow:clip;background:#eaece4;color:#102b21}.cinematic *{box-sizing:border-box}.cinematic .cin-screen{background:#fff;overflow:hidden;box-shadow:0 40px 110px #001a1452;border:1px solid #d9e2db}.cinematic .cin-screen img{display:block;width:100%;height:auto}.cin-window{height:30px;background:#f6f6f3;border-bottom:1px solid #e2e6e1;display:flex;align-items:center;gap:6px;padding:0 13px}.cin-window>span{width:7px;height:7px;border-radius:50%;background:#c6d0c9}.cin-window small{margin:auto;font-size:9px;letter-spacing:.12em;color:#5c766a}.cin-intro{position:relative;min-height:100svh;background:#e8eee6;padding:120px 4vw 50px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden}.cin-engineering-head,.cin-feature-caption,.cin-feature-head,.cin-outro-links,.cin-topline{display:flex;justify-content:space-between;gap:20px}.cin-art-caption,.cin-chapter-index,.cin-engineering-head,.cin-feature-caption>span,.cin-feature-head,.cin-kicker,.cin-outro-links,.cin-outro>span,.cin-topline{font-size:11px;font-weight:700;letter-spacing:.12em}.cin-title-wrap{position:relative;z-index:1}.cin-kicker{display:flex;align-items:center;gap:12px;margin:0 0 15px}.cin-status{width:8px;height:8px;border-radius:50%;background:#2a8759;box-shadow:0 0 0 6px #2a875921}.cin-intro h1{font-size:clamp(110px,20vw,370px);font-weight:600;letter-spacing:-.105em;line-height:.77;margin:0 0 60px;white-space:nowrap}.cin-title-mark{font-size:.14em;vertical-align:top;letter-spacing:0;margin-left:.2em}.cin-intro-foot{border-top:1px solid #759b89;padding-top:25px;display:flex;justify-content:space-between;align-items:end}.cin-intro-foot p{font-size:clamp(25px,3vw,48px);line-height:1.07;letter-spacing:-.055em;margin:0}.cin-chapter h2 i,.cin-engineering h2 i,.cin-intro-foot i,.cin-manifesto em,.cin-outro p i{font-family:Georgia,serif;font-weight:400}.cin-intro-foot>span{font-size:11px;letter-spacing:.13em}.cin-intro-foot b{font-size:28px;margin-left:12px}.cin-intro-orbit{position:absolute;right:-5vw;top:7vh;font-size:55vw;line-height:1;font-weight:800;color:#d6e6d8;z-index:0;pointer-events:none}.cin-feature{background:#0b241b;color:#edf4e9;padding:70px 4vw 100px;position:relative}.cin-feature-head{border-bottom:1px solid #416354;padding-bottom:22px}.cin-feature-stage{height:min(95vw,900px);min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1300px}.cin-feature-main{width:83%;position:relative;z-index:1;transform-origin:center center}.cin-float{position:absolute;z-index:2;width:36%;right:-1%;bottom:1%;transform:rotate(7deg);pointer-events:none}.cin-float .cin-window{height:20px}.cin-side-label{position:absolute;left:0;bottom:12%;font-size:10px;letter-spacing:.12em;writing-mode:vertical-rl}.cin-feature-caption{align-items:start;border-top:1px solid #416354;padding-top:20px}.cin-feature-caption p{font-size:clamp(23px,3vw,44px);line-height:1.13;letter-spacing:-.04em;margin:0}.cin-manifesto{background:#e9ede6;padding:160px 5vw 120px}.cin-manifesto>div:first-child>span{font-size:11px;letter-spacing:.13em}.cin-manifesto>div:first-child>p{font-size:clamp(48px,7.7vw,128px);line-height:1.04;letter-spacing:-.07em;max-width:1500px;margin:45px 0 140px}.cin-manifesto em{color:#658574}.cin-manifesto-bottom{border-top:1px solid #9bb0a2;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10vw;gap:10vw}.cin-manifesto-bottom span{font-size:11px;letter-spacing:.12em}.cin-manifesto-bottom p{font-size:clamp(21px,2.2vw,34px);line-height:1.3;margin:0}.cin-chapter{min-height:105svh;display:grid;grid-template-columns:43% 57%;overflow:hidden;background:#dce9df}.cin-chapter-1{background:#e9e4da}.cin-chapter-2{background:#d6e2e1}.cin-chapter-copy{padding:8vw 4vw;display:flex;align-items:center;position:relative;z-index:2}.cin-chapter-copy>div{width:100%}.cin-chapter-index{display:flex;justify-content:space-between;border-top:1px solid #829b8d;padding-top:18px}.cin-chapter-index span:last-child{font-size:22px}.cin-chapter h2{font-size:clamp(54px,5.8vw,110px);line-height:.99;letter-spacing:-.07em;margin:12vh 0 50px;font-weight:550}.cin-chapter-copy p{font-size:clamp(19px,1.7vw,26px);line-height:1.4;max-width:440px}.cin-chapter-art{position:relative;display:flex;align-items:center;background:#b9d0c1;padding:6vw 0 6vw 3vw;overflow:hidden}.cin-chapter-1 .cin-chapter-art{background:#d2c5b5}.cin-chapter-2 .cin-chapter-art{background:#acc8c6}.cin-chapter-device{width:125%;flex-shrink:0;transform:rotate(-3deg)}.cin-art-caption{position:absolute;bottom:35px;left:3vw}.cin-engineering{padding:120px 5vw 100px;background:#f0f0e9}.cin-engineering-head{border-bottom:1px solid #b2bfb4;padding-bottom:20px}.cin-engineering h2{font-size:clamp(68px,11vw,175px);letter-spacing:-.085em;line-height:.92;font-weight:550;margin:120px 0}.cin-engineering-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;gap:25px}.cin-engineering-grid>div{border-top:1px solid #9daea0;padding-top:18px}.cin-engineering-grid span{font-size:11px;letter-spacing:.12em}.cin-engineering-grid p{font-size:clamp(18px,1.6vw,25px);line-height:1.3}.cin-engineering>small{display:block;margin-top:100px;color:#607568}.cin-outro{background:#092319;color:#f1f5eb;padding:95px 5vw 40px}.cin-outro p{font-size:clamp(72px,11vw,175px);line-height:.92;letter-spacing:-.085em;margin:100px 0 65px}.cin-email{font-size:clamp(32px,5vw,76px);border-bottom:1px solid #b5c8b8;padding-bottom:12px;display:flex;justify-content:space-between}.cin-outro-links{border-top:1px solid #416151;margin-top:170px;padding-top:25px}.cin-outro-links strong{font-size:21px;margin-left:20px}.cinematic a{color:inherit;text-decoration:none}@media(max-width:850px){.cin-intro{min-height:85svh;padding:110px 5vw 35px}.cin-topline span:last-child{display:none}.cin-intro h1{font-size:20vw;margin-bottom:55px}.cin-intro-foot{align-items:start;gap:30px}.cin-intro-foot>span{font-size:9px}.cin-feature{padding:55px 5vw 70px}.cin-feature-stage{height:75vw;min-height:320px}.cin-feature-main{width:100%}.cin-float{width:45%;right:-3%;bottom:0}.cin-feature-caption{flex-direction:column}.cin-manifesto{padding:100px 5vw}.cin-manifesto>div:first-child>p{margin:40px 0 75px}.cin-manifesto-bottom{grid-template-columns:1fr;gap:20px}.cin-chapter{grid-template-columns:1fr;min-height:0}.cin-chapter-copy{padding:85px 5vw 40px}.cin-chapter h2{margin:60px 0 30px;font-size:clamp(54px,10vw,90px)}.cin-chapter-art{min-height:65vw;padding:60px 0 80px 8vw}.cin-chapter-device{width:115%}.cin-engineering{padding:90px 5vw}.cin-engineering h2{margin:75px 0}.cin-engineering-grid{grid-template-columns:1fr 1fr}.cin-outro{padding:85px 5vw 35px}.cin-outro-links{margin-top:100px;flex-wrap:wrap}.cin-outro-links strong{display:block;margin:12px 0 0}}@media(max-width:520px){.cin-intro-foot{flex-direction:column}.cin-intro h1{font-size:19vw}.cin-engineering-head span:last-child,.cin-feature-head span:last-child{display:none}.cin-feature-stage{min-height:300px}.cin-manifesto>div:first-child>p{font-size:clamp(43px,10vw,70px)}.cin-engineering-grid{grid-template-columns:1fr}.cin-outro p{font-size:16vw}}@media(prefers-reduced-motion:reduce){.cinematic *,.cinematic :after,.cinematic :before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.dv-showcase{background:#e9e8df;color:#152c25;padding:clamp(70px,9vw,150px) 5vw 100px;overflow:hidden}.dv-all-heading,.dv-heading{display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.14em;border-top:1px solid #b9c3b8;padding-top:16px}.dv-showcase h2{font-size:clamp(64px,10vw,175px);line-height:.9;letter-spacing:-.085em;margin:9vw 0 30px;font-weight:600}.dv-showcase h2 i{font-family:Georgia,serif;font-weight:400}.dv-lede{font-size:clamp(16px,1.6vw,23px);max-width:540px;line-height:1.5;margin-bottom:45px;color:#52655b}.dv-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.dv-selector button{cursor:pointer;background:transparent;color:#152c25;border:1px solid #b3bcb3;padding:13px 20px;border-radius:40px;font:inherit;font-size:14px;display:flex;gap:35px;transition:background .25s,color .25s}.dv-selector button.dv-selected,.dv-selector button:hover{background:#163e31;color:#fff;border-color:#163e31}.dv-stage{min-height:clamp(360px,57vw,850px);background:radial-gradient(ellipse at 50% 45%,#d9e9d9,#c1d3c4 70%,#a6bdaa);position:relative;display:flex;align-items:center;justify-content:center;padding:55px 5vw 80px;overflow:hidden;border-radius:5px}.dv-stage:before{content:"";position:absolute;width:60vw;height:60vw;border:1px solid #ffffff70;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.dv-stage-device{width:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.dv-stage-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#36584b}.dv-device{width:100%;display:flex;align-items:center;flex-direction:column;filter:drop-shadow(0 25px 23px #142b2830)}.dv-desktop{max-width:960px}.dv-monitor{background:#151b1b;border:clamp(8px,1.2vw,16px) solid #151b1b;border-bottom:0;border-radius:16px 16px 0 0;width:100%;overflow:hidden}.dv-screen{aspect-ratio:16/9;background:#e8ede8;overflow:hidden}.dv-phone-screen img,.dv-screen img,.dv-tablet-screen img,.dv-tv-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.dv-monitor-chin{height:clamp(15px,2.3vw,32px);display:block;background:linear-gradient(#252e2e,#171d1d);position:relative}.dv-monitor-chin:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#6c7772;left:50%;top:35%}.dv-monitor-neck{width:12%;height:clamp(20px,3.2vw,48px);background:linear-gradient(90deg,#424b4b,#202929 50%,#4a5353)}.dv-monitor-foot{width:31%;height:clamp(7px,1vw,14px);background:linear-gradient(#535d5d,#222a2a);border-radius:45% 45% 4px 4px}.dv-phone{max-width:280px}.dv-phone-shell{width:100%;aspect-ratio:9/19.5;background:#111819;padding:9px;border:3px solid #59635e;border-radius:39px;position:relative;box-shadow:inset 0 0 0 2px #0a0d0d}.dv-phone-screen{width:100%;height:100%;border-radius:29px;overflow:hidden;background:#f3f5f1}.dv-phone-screen img{object-position:20% top}.dv-phone-island{position:absolute;width:32%;height:17px;top:15px;left:34%;background:#101717;border-radius:20px;z-index:2}.dv-tablet{max-width:710px}.dv-tablet-shell{width:100%;aspect-ratio:4/3;background:#1b2322;border:13px solid #1b2322;border-radius:24px;box-shadow:inset 0 0 0 1px #6e7872;position:relative}.dv-tablet-camera{position:absolute;top:-8px;left:50%;width:5px;height:5px;background:#62736c;border-radius:50%}.dv-tablet-screen{width:100%;height:100%;overflow:hidden;border-radius:6px;background:#f3f5f1}.dv-tv{max-width:1040px}.dv-tv-shell{width:100%;aspect-ratio:16/9;border:9px solid #171d1d;border-radius:8px;background:#171d1d}.dv-tv-screen{width:100%;height:100%;overflow:hidden}.dv-tv-stand{width:24%;height:30px;border-bottom:10px solid #303939;position:relative}.dv-tv-stand:before{content:"";position:absolute;width:7px;height:26px;background:#303939;left:50%;top:0}.dv-all-heading{margin-top:100px}.dv-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.dv-lineup-item{background:#d8ddd4;border:0;text-align:left;cursor:pointer;padding:14px;color:#19352a;font:inherit}.dv-lineup-art{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dv-compact{transform:scale(.78);filter:drop-shadow(0 10px 9px #152c2530)}.dv-compact.dv-phone{max-width:75px}.dv-compact.dv-desktop{max-width:240px}.dv-compact.dv-tablet{max-width:215px}.dv-compact.dv-tv{max-width:240px}.dv-compact .dv-phone-shell{padding:3px;border-radius:12px;border-width:1px}.dv-compact .dv-phone-screen{border-radius:9px}.dv-compact .dv-phone-island{height:5px;top:5px}.dv-compact .dv-tablet-shell{border-width:5px;border-radius:10px}.dv-compact .dv-tv-shell{border-width:4px}.dv-lineup-item>span{display:block;border-top:1px solid #a5b3a6;padding-top:10px;margin-top:12px;font-size:13px;font-weight:700}.dv-lineup-item:hover{background:#c6d4c6}.dv-disclaimer{font-size:11px;color:#66796b;margin-top:30px;max-width:670px;line-height:1.5}.cin-feature-main .dv-device{width:100%}@media(max-width:700px){.dv-showcase{padding:70px 5vw}.dv-all-heading,.dv-heading{font-size:9px}.dv-all-heading span:last-child,.dv-heading span:last-child{display:none}.dv-showcase h2{font-size:clamp(52px,12vw,85px);margin:65px 0 25px}.dv-selector button{padding:10px 13px;gap:9px;font-size:12px}.dv-stage{min-height:400px;padding:40px 20px 80px}.dv-stage-caption{flex-direction:column;font-size:9px}.dv-phone{max-width:165px}.dv-tablet-shell{border-width:7px;border-radius:14px}.dv-lineup{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-lineup-art{height:135px}.dv-all-heading{margin-top:60px}}@media(prefers-reduced-motion:reduce){.dv-selector button{transition:none}}.dv-phone-screen img,.dv-screen img,.dv-tablet-screen img,.dv-tv-screen img{object-fit:contain!important;object-position:center center!important}.dv-screen,.dv-tablet-screen,.dv-tv-screen{background:#f2f6f1}.dv-phone-screen{background:#f2f7f1}.dv-stage{padding-inline:clamp(14px,3vw,60px)}.dv-desktop{max-width:1120px}.dv-tablet{max-width:880px}.dv-tv{max-width:1140px}.dv-phone{max-width:340px}.dv-lineup-art .dv-device{max-height:100%}@media(max-width:700px){.dv-phone{max-width:200px}.dv-stage{padding-inline:12px}.dv-lineup-art .dv-phone{max-width:85px}}.cinematic .cin-chapter{grid-template-columns:minmax(0,40%) minmax(0,60%);overflow:visible;min-height:min(900px,100svh)}.cinematic .cin-chapter-copy{min-width:0;padding:clamp(32px,5vw,85px) clamp(24px,3.5vw,64px)}.cinematic .cin-chapter-art{min-width:0;overflow:visible;padding:clamp(32px,4vw,70px);display:flex;align-items:center;justify-content:center}.cinematic .cin-chapter-device{width:100%;max-width:100%;min-width:0;flex:0 1 auto;transform:none!important;position:relative;z-index:1}.cinematic .cin-chapter-device .cin-screen{width:100%;max-width:100%;box-shadow:0 22px 65px #173c2930}.cinematic .cin-chapter-device .cin-screen img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.cinematic .cin-art-caption{bottom:12px;left:clamp(32px,4vw,70px)}@media(max-width:900px){.cinematic .cin-chapter{grid-template-columns:1fr;min-height:auto}.cinematic .cin-chapter-copy{padding:70px 6vw 35px}.cinematic .cin-chapter-art{padding:35px 6vw 65px}.cinematic .cin-chapter h2{margin:45px 0 25px}.cinematic .cin-art-caption{left:6vw;bottom:20px}}.cin-brand-lockup{display:flex;align-items:center;gap:clamp(16px,2.5vw,45px);width:100%;margin:0 0 60px}.cin-brand-lockup h1{font-size:clamp(76px,15.4vw,275px);line-height:.87;margin:0;letter-spacing:-.09em;min-width:0}.cin-brand-divider{width:1px;height:clamp(45px,6.4vw,105px);background:#809f91;flex:none}.cin-aramark-logo{display:block;width:clamp(110px,15vw,240px);height:auto;object-fit:contain;flex:none}@media(max-width:850px){.cin-brand-lockup{gap:clamp(10px,2vw,20px);margin-bottom:50px}.cin-brand-lockup h1{font-size:15vw}.cin-aramark-logo{width:18vw;min-width:75px}.cin-brand-divider{height:7vw}}@media(max-width:520px){.cin-brand-lockup{gap:10px}.cin-brand-lockup h1{font-size:14.5vw}.cin-aramark-logo{width:20vw;min-width:65px}.cin-brand-divider{height:9vw}}.cartly-case{--purple:#635bff;--ink:#16223a;--pale:#f5f4ff;background:#f4f2ed;overflow:hidden}.cartly-case,.cartly-case .header{color:var(--ink)}.cartly-case em{font-family:"Instrument Serif",serif;font-weight:400}.cartly-hero{min-height:100svh;background:#dcd9ff;padding:120px 5vw 35px;display:flex;flex-direction:column;position:relative;isolation:isolate}.cartly-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 55%,#aaa5ff 0,transparent 43%);z-index:-1}.cartly-devices-head,.cartly-exp-top,.cartly-hero-bottom,.cartly-hero-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;font-weight:700;border-top:1px solid #78749d;padding-top:15px}.cartly-hero-middle{display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1 1;grid-gap:3vw;gap:3vw;min-height:610px}.cartly-hero-copy{position:relative;z-index:2}.cartly-logo-big{display:flex;align-items:center;gap:11px;font-size:clamp(18px,2vw,27px);font-weight:800;letter-spacing:-.04em}.cartly-mark{display:inline-grid;place-items:center;flex:none;width:1.65em;height:1.65em;border-radius:.46em;background:linear-gradient(135deg,#635bff,#35c79f);color:#fff;font-size:.9em;font-weight:800}.cartly-hero h1{font-size:clamp(67px,8.4vw,155px);letter-spacing:-.085em;line-height:.87;margin:35px 0}.cartly-hero h1 span{color:#635bff}.cartly-hero-copy>p{max-width:470px;font-size:clamp(17px,1.65vw,24px);line-height:1.4}.cartly-round-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid;padding-bottom:10px;margin-top:23px;font-size:14px;font-weight:700}.cartly-hero-phones{position:relative;min-height:630px;height:60vw;max-height:800px;display:flex;align-items:center;justify-content:center}.cartly-phone{width:min(310px,100%);aspect-ratio:9/19.5;border:10px solid #121827;border-radius:43px;box-shadow:0 28px 70px #29235a44,inset 0 0 0 2px #5e6474;background:#121827;position:relative;overflow:hidden;padding:3px;flex:none}.cartly-phone-island{position:absolute;z-index:4;top:15px;left:34%;width:32%;height:21px;background:#111823;border-radius:20px}.cartly-phone-screen{width:100%;height:100%;overflow:hidden;border-radius:30px;background:#f6f8fc}.cartly-phone-back{position:absolute;transform:translate(-35%,-6%) rotate(-13deg);width:min(300px,43%)}.cartly-phone-front{position:absolute;transform:translate(28%,7%) rotate(9deg);width:min(320px,48%)}.cartly-app{background:#f6f8fc;color:#16223a;font-family:DM Sans,sans-serif;width:100%;height:100%;overflow:auto;font-size:14px}.cartly-app-bar{height:61px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8eaf4}.cartly-app-logo{display:flex;gap:8px;align-items:center;font-size:19px;letter-spacing:-.7px}.cartly-app-logo .cartly-mark{font-size:17px}.cartly-app-avatar{background:#e4e2ff;color:#4e47bb;border-radius:12px;font-weight:800;font-size:11px;padding:9px}.cartly-app-content{padding:24px 17px 32px}.cartly-ui-eyebrow{color:#635bff;letter-spacing:1.5px;font-size:9px;font-weight:800}.cartly-app-content h3{font-size:35px;letter-spacing:-1.8px;line-height:1.02;margin:14px 0 10px}.cartly-app-content>p{font-size:12px;line-height:1.5;color:#778399;margin:8px 0 19px}.cartly-online{color:#20a976}.cartly-budget{background:#fff;border:1px solid #e7e9f0;padding:16px;border-radius:17px;margin:18px 0 22px}.cartly-budget>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#6f7d96;gap:6px}.cartly-budget b{color:#18233b}.cartly-budget i{font-style:normal;font-weight:400;color:#8490a2}.cartly-progress{height:7px;border-radius:9px;background:#e9e8ff;margin-top:13px;overflow:hidden}.cartly-progress span{display:block;background:linear-gradient(90deg,#635bff,#35c79f);height:100%;width:27%;border-radius:9px}.cartly-items-heading{font-size:10px;font-weight:800;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:10px}.cartly-items-heading span{color:#8b93a2}.cartly-items{display:grid;grid-gap:8px;gap:8px}.cartly-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e9eaf2;border-radius:14px;padding:12px 9px;color:#17223b;text-align:left;cursor:pointer;font:inherit;width:100%;box-shadow:none}.cartly-item>span:nth-child(2){flex:1 1;display:grid;grid-gap:3px;gap:3px}.cartly-item strong{font-size:12px}.cartly-item small{font-size:9px;color:#8690a1}.cartly-item>b{font-size:10px;white-space:nowrap}.cartly-check{width:21px;height:21px;border:2px solid #d8d9ec;border-radius:7px;display:grid;place-items:center;flex:none;color:#fff;font-weight:800}.cartly-item.done .cartly-check{background:#635bff;border-color:#635bff}.cartly-item.done strong{text-decoration:line-through;color:#9da5b3}.cartly-app-cta{background:linear-gradient(110deg,#635bff,#5952d9);color:#fff;border-radius:13px;text-align:center;padding:13px;margin-top:19px;font-size:12px;font-weight:800}.cartly-app-card{border:1px solid #e7e9f2;background:#fff;border-radius:16px;margin-top:12px;padding:16px 12px;display:flex;align-items:center;gap:12px}.cartly-app-card>span:first-child{font-size:25px}.cartly-app-card>div{flex:1 1;display:grid;grid-gap:5px;gap:5px}.cartly-app-card strong{font-size:12px}.cartly-app-card small{font-size:10px;color:#8892a4}.cartly-share-card{border:1px solid #e6e7fa;border-radius:20px;background:#fff;padding:28px 12px;text-align:center;display:grid;grid-gap:13px;gap:13px}.cartly-share-icon{width:55px;height:55px;border-radius:18px;background:#ecebff;color:#635bff;display:grid;place-items:center;margin:auto;font-size:27px}.cartly-share-card>small{font-size:10px;letter-spacing:1.2px;color:#7b86a1}.cartly-share-card>strong{font-size:32px;letter-spacing:3px}.cartly-share-card>div:last-child{background:#625aff;color:#fff;padding:12px;border-radius:12px;font-size:12px}.cartly-share-card>div:last-child span{float:right}.cartly-members{display:flex;align-items:center;gap:6px;font-size:10px!important}.cartly-members span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dfdcff;color:#514ad8;font-weight:800}.cartly-demo-note{display:block;margin-top:12px;color:#7d86a0}.cartly-intro{padding:140px 5vw;background:#f5f3ef}.cartly-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800}.cartly-devices h2,.cartly-end h2,.cartly-engineering h2,.cartly-experience h2,.cartly-intro h2{font-size:clamp(57px,9vw,150px);letter-spacing:-.078em;line-height:.91;font-weight:500;margin:65px 0}.cartly-intro-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw;border-top:1px solid #bcb9bc;padding-top:28px}.cartly-intro-grid>p{font-size:clamp(20px,2.2vw,32px);line-height:1.45;margin:0}.cartly-intro-grid>div>div{display:flex;gap:32px;border-bottom:1px solid #cac8cc;padding:17px 0;font-size:17px}.cartly-intro-grid>div>div span{font-size:11px;color:#6a66a6}.cartly-experience{background:#181740;color:#f6f5ff;padding:110px 5vw}.cartly-exp-top{border-color:#676487}.cartly-experience h2{margin:90px 0 25px}.cartly-experience>p{max-width:700px;font-size:21px;line-height:1.5;color:#c5c1ea}.cartly-view-select{display:flex;flex-wrap:wrap;gap:11px;margin:48px 0 22px}.cartly-view-select button{background:transparent;border:1px solid #78749f;color:#fff;display:flex;gap:28px;align-items:center;border-radius:50px;padding:13px 22px;cursor:pointer;font:inherit;font-size:14px}.cartly-view-select button.active,.cartly-view-select button:hover{background:#eceaff;color:#181740;border-color:#eceaff}.cartly-experience-stage{background:radial-gradient(circle at 45% 45%,#b8b3ff,#7770d9 65%,#514a9f);min-height:740px;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:35px;gap:35px;align-items:center;padding:65px 7vw;overflow:hidden}.cartly-stage-phone{display:flex;justify-content:center;align-items:center}.cartly-stage-phone .cartly-phone{width:300px}.cartly-stage-side{max-width:350px;color:#fff}.cartly-stage-side>span:first-child{font-size:11px;letter-spacing:.13em}.cartly-stage-side strong{display:block;font-size:clamp(36px,4vw,70px);letter-spacing:-.07em;line-height:1.05;margin:27px 0}.cartly-stage-side p{font-size:19px;line-height:1.5}.cartly-demo-tag{display:inline-block;border:1px solid #e0dfff;padding:10px;margin-top:26px;font-size:10px;letter-spacing:.12em}.cartly-devices{background:#ebe9ff;padding:110px 5vw 120px}.cartly-devices h2{margin:80px 0}.cartly-device-layout{display:flex;align-items:end;justify-content:center;gap:0;min-height:500px;padding:40px 2vw 10px;background:radial-gradient(ellipse at center,#cfcbfc,#b1abec)}.cartly-desktop{width:min(850px,75%);display:flex;align-items:center;flex-direction:column}.cartly-desktop-screen{width:100%;height:445px;border:12px solid #151727;border-radius:14px 14px 0 0;overflow:hidden;background:#f6f8fc}.cartly-desktop-screen .cartly-app{font-size:20px}.cartly-desktop-screen .cartly-app-content{width:min(80%,650px);margin:auto}.cartly-desktop-screen .cartly-app-content h3{font-size:54px}.cartly-desktop-screen .cartly-app-card{margin-top:14px}.cartly-desktop-chin{height:25px;width:100%;background:#27293b;border-radius:0 0 10px 10px}.cartly-desktop-neck{height:45px;width:12%;background:linear-gradient(90deg,#54566b,#2b2d40)}.cartly-desktop-foot{height:12px;width:34%;background:#414358;border-radius:20px 20px 4px 4px}.cartly-device-phone{width:220px;margin-left:-7%;z-index:2;filter:drop-shadow(0 20px 20px #28214b44)}.cartly-device-phone .cartly-phone{width:100%}.cartly-device-caption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #aaa6d4;padding-top:18px;font-size:12px;margin-top:30px}.cartly-engineering{padding:120px 5vw;background:#f5f3ef}.cartly-engineering-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.cartly-engineering-grid>div{border-top:1px solid #b7b2bc;padding-top:22px}.cartly-engineering-grid strong{font-size:22px}.cartly-engineering-grid p{font-size:17px;line-height:1.5;color:#676978}.cartly-end{background:#625aff;color:#fff;padding:110px 5vw;min-height:85svh;display:flex;flex-direction:column;justify-content:space-between}.cartly-end>span{font-size:11px;letter-spacing:.14em}.cartly-end h2{margin:80px 0}.cartly-end>a{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #c9c5ff;font-size:25px}.cartly-end>a span{font-size:37px}@media(max-width:900px){.cartly-hero-middle{grid-template-columns:1fr;min-height:0}.cartly-hero{padding-top:105px}.cartly-hero h1{font-size:clamp(65px,13vw,125px)}.cartly-hero-phones{height:650px;min-height:0}.cartly-phone-back{width:255px}.cartly-phone-front{width:270px}.cartly-experience-stage,.cartly-intro-grid{grid-template-columns:1fr}.cartly-stage-side{max-width:100%}.cartly-experience-stage{padding:55px 5vw;min-height:0}.cartly-desktop-screen{height:350px}.cartly-engineering-grid{grid-template-columns:1fr 1fr}.cartly-devices,.cartly-engineering,.cartly-experience,.cartly-intro{padding-top:85px;padding-bottom:85px}}@media(max-width:600px){.cartly-devices-head span:last-child,.cartly-exp-top span:last-child,.cartly-hero-bottom span:last-child,.cartly-hero-meta span:last-child{display:none}.cartly-hero h1{font-size:14vw}.cartly-hero-phones{height:470px}.cartly-phone-back{width:192px}.cartly-phone-front{width:205px}.cartly-devices h2,.cartly-end h2,.cartly-engineering h2,.cartly-experience h2,.cartly-intro h2{font-size:clamp(48px,11.8vw,80px)}.cartly-intro-grid{gap:30px}.cartly-experience>p{font-size:17px}.cartly-view-select button{gap:8px;padding:10px 13px;font-size:12px}.cartly-stage-phone .cartly-phone{width:min(270px,85vw)}.cartly-experience-stage{padding:45px 12px}.cartly-stage-side{padding:0 10px}.cartly-stage-side strong{font-size:44px}.cartly-device-layout{min-height:0;padding:30px 7px}.cartly-desktop{width:78%}.cartly-desktop-screen{height:180px;border-width:5px}.cartly-desktop-screen .cartly-app{min-width:540px;transform:scale(.5);transform-origin:top left;width:200%;height:200%}.cartly-desktop-chin{height:12px}.cartly-desktop-neck{height:23px}.cartly-desktop-foot{height:7px}.cartly-device-phone{width:29%;margin-left:-7%}.cartly-device-phone .cartly-phone{border-width:5px;border-radius:20px}.cartly-device-phone .cartly-phone-screen{border-radius:12px}.cartly-device-phone .cartly-phone-island{top:7px;height:7px}.cartly-device-phone .cartly-app{width:250px;height:540px;transform:scale(.38);transform-origin:top left}.cartly-device-caption{flex-direction:column}.cartly-engineering-grid{grid-template-columns:1fr}.cartly-end>a{font-size:18px}}@media(prefers-reduced-motion:reduce){.cartly-case *{scroll-behavior:auto!important;transition:none!important}}.cartly-home-preview{position:relative;isolation:isolate;flex:1 1;min-height:570px;margin:30px 6vw;overflow:hidden;background:linear-gradient(125deg,#eceaff,#c8c3ff 58%,#9e99e9);color:#181740;padding:36px 4%;border-radius:3px}.cartly-home-aura{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#f9f8ff77;left:-20%;top:-55%;z-index:-1}.cartly-home-heading{position:relative;z-index:3;pointer-events:none}.cartly-home-heading>span{display:block;font-size:11px;letter-spacing:.13em;font-weight:800}.cartly-home-heading>strong{display:block;font-size:clamp(35px,4.4vw,78px);line-height:.94;letter-spacing:-.075em;margin-top:16px;font-weight:600}.cartly-home-heading i{font-family:"Instrument Serif",serif;font-weight:400}.cartly-home-desktop{position:absolute;width:min(63%,790px);right:7%;top:24%;z-index:1;filter:drop-shadow(0 25px 30px #302a6d44);transform:rotate(-4deg);transition:transform .6s ease}.project-link:hover .cartly-home-desktop{transform:rotate(-1deg) translateY(-7px)}.cartly-home-desktop-screen{height:350px;border:solid #20213a;border-width:11px 11px 22px;border-radius:12px 12px 5px 5px;background:#f6f8fc;overflow:hidden}.cartly-home-desktop-screen .cartly-app{min-width:610px;transform:scale(.82);transform-origin:top left;width:122%;height:125%}.cartly-home-stand{width:23%;height:13px;background:#32344f;margin:0 auto;border-radius:0 0 18px 18px}.cartly-home-phone{position:absolute;z-index:2;width:195px;left:12%;bottom:7%;transform:rotate(8deg);filter:drop-shadow(0 20px 18px #25204b55);transition:transform .6s ease}.project-link:hover .cartly-home-phone{transform:rotate(3deg) translateY(-10px)}.cartly-home-phone .cartly-phone{width:100%}.cartly-home-label{position:absolute;right:25px;bottom:18px;font-size:10px;letter-spacing:.1em;z-index:3}.cartly-home-label b{margin-left:18px;font-size:19px}@media(max-width:900px){.cartly-home-preview{margin:24px 1vw;min-height:540px}.cartly-home-desktop{width:78%;right:3%;top:36%}.cartly-home-phone{left:4%;width:170px}}@media(max-width:600px){.cartly-home-preview{min-height:450px;padding:24px 5%;margin:20px 0}.cartly-home-heading>strong{font-size:clamp(35px,9vw,55px)}.cartly-home-desktop{width:92%;right:-16%;top:39%}.cartly-home-desktop-screen{height:220px;border-width:7px 7px 15px}.cartly-home-desktop-screen .cartly-app{transform:scale(.55);width:182%;height:185%}.cartly-home-phone{width:120px;left:4%;bottom:12%}.cartly-home-phone .cartly-phone{border-width:6px;border-radius:23px}.cartly-home-phone .cartly-phone-screen{border-radius:16px}.cartly-home-phone .cartly-app{width:250px;height:540px;transform:scale(.44);transform-origin:top left}.cartly-home-label{right:12px;bottom:12px;font-size:8px}}.cartly-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:620px;margin:30px 6vw;background:#ddd9fb;color:#1b1943;border-radius:4px;padding:55px 5%;display:grid;grid-template-columns:38% 62%;align-items:center}.cartly-showcase-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 90% at 80% 50%,#b4aaf3 0,#d5cff9 68%,#eeecff 100%)}.cartly-showcase-copy{position:relative;z-index:4;align-self:center;padding-bottom:40px}.cartly-showcase-copy>span{font-size:11px;letter-spacing:.14em;font-weight:750}.cartly-showcase-copy h3{font-size:clamp(44px,4.5vw,85px);line-height:.97;letter-spacing:-.07em;font-weight:600;margin:32px 0 25px}.cartly-showcase-copy h3 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;white-space:nowrap}.cartly-showcase-copy p{font-size:clamp(15px,1.3vw,20px);line-height:1.5;max-width:290px}.cartly-showcase-devices{position:relative;height:430px;min-width:0;align-self:center}.cartly-showcase-monitor{position:absolute;right:0;top:40px;width:93%;filter:drop-shadow(0 30px 30px #36306b44);transition:transform .45s ease}.project-link:hover .cartly-showcase-monitor{transform:translateY(-8px)}.cartly-showcase-ui{height:350px;background:#f8f9ff;border:solid #20213a;border-width:10px 10px 17px;border-radius:12px 12px 5px 5px;overflow:hidden;color:#1c2541}.cartly-showcase-ui header{height:44px;border-bottom:1px solid #e9eaf4;display:flex;align-items:center;gap:8px;padding:0 16px;background:#fff;font-size:16px}.cartly-showcase-mark{display:grid;place-items:center;background:linear-gradient(135deg,#635bff,#33c9a2);color:#fff;border-radius:5px;width:23px;height:23px}.cartly-showcase-ui header small{margin-left:auto;border-radius:50%;padding:7px;background:#e8e5ff;color:#635bff;font-size:10px}.cartly-showcase-ui main{padding:22px 30px}.cartly-showcase-phone-ui label,.cartly-showcase-ui label{font-size:9px;font-weight:800;letter-spacing:.14em;color:#625aff}.cartly-showcase-ui h4{font-size:clamp(26px,2.4vw,42px);letter-spacing:-.055em;line-height:1.02;margin:10px 0}.cartly-showcase-ui main>p{font-size:12px;color:#7c839b;margin:0 0 16px}.cartly-showcase-list{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3e4ef;border-radius:10px;padding:10px 12px;margin:7px 0}.cartly-showcase-list>span{font-size:20px}.cartly-showcase-list>div{display:grid;grid-gap:3px;gap:3px}.cartly-showcase-list b{font-size:12px}.cartly-showcase-list small{font-size:10px;color:#8990a5}.cartly-showcase-list i{margin-left:auto;font-style:normal}.cartly-showcase-action{background:#625aff;color:#fff;border-radius:8px;text-align:center;padding:9px;font-size:11px;font-weight:700;margin-top:9px}.cartly-showcase-stand{width:24%;height:13px;background:#292a47;margin:auto;border-radius:0 0 15px 15px}.cartly-showcase-phone{position:absolute;left:-8%;bottom:-5px;width:172px;height:345px;border:9px solid #20213a;border-radius:29px;background:#fff;box-shadow:0 24px 35px #2b275b55;z-index:3;overflow:hidden;transform:rotate(-5deg);transition:transform .45s ease}.project-link:hover .cartly-showcase-phone{transform:rotate(-2deg) translateY(-9px)}.cartly-showcase-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:52px;height:13px;background:#20213a;border-radius:10px;z-index:2}.cartly-showcase-phone-ui{padding:24px 10px 10px;font-size:10px}.cartly-showcase-mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.cartly-showcase-mobile-top b{font-size:13px}.cartly-showcase-mobile-top span{border-radius:50%;background:#ece9ff;color:#635bff;padding:5px}.cartly-showcase-phone-ui h4{font-size:28px;letter-spacing:-.07em;line-height:1;margin:9px 0}.cartly-showcase-phone-ui>small{font-size:9px;color:#9199a7}.cartly-showcase-phone-ui>small span{color:#1ca884}.cartly-showcase-budget{font-size:8px;margin:16px 0;padding:9px;background:#f6f5ff;border-radius:8px}.cartly-showcase-budget b{float:right}.cartly-showcase-budget>div{height:4px;background:#dedafa;margin-top:9px;border-radius:5px}.cartly-showcase-budget>div>span{display:block;width:28%;height:100%;background:#635bff;border-radius:5px}.cartly-showcase-phone-ui>label span{float:right}.cartly-showcase-product{display:flex;gap:6px;align-items:center;background:#f8f9fc;border-radius:6px;padding:9px 5px;margin-top:5px;font-size:9px}.cartly-showcase-product>span{color:#635bff;font-size:13px}.cartly-showcase-product small{margin-left:auto;font-size:8px}.cartly-showcase-product.checked{opacity:.55}.cartly-showcase-corner{position:absolute;right:26px;bottom:20px;font-size:10px;letter-spacing:.12em}.cartly-showcase-corner b{margin-left:14px}@media(max-width:1000px){.cartly-showcase{margin:20px 2vw;min-height:540px;grid-template-columns:35% 65%;padding:35px 4%}.cartly-showcase-devices{height:390px}.cartly-showcase-ui{height:315px}.cartly-showcase-monitor{top:35px}.cartly-showcase-phone{width:145px;height:315px;left:-5%}.cartly-showcase-ui main{padding:16px 20px}.cartly-showcase-ui h4{font-size:30px}.cartly-showcase-copy h3{font-size:clamp(40px,5vw,60px)}}@media(max-width:700px){.cartly-showcase{margin:15px 0;display:flex;flex-direction:column;align-items:stretch;min-height:650px;padding:30px 6% 50px}.cartly-showcase-copy{padding:0;align-self:start}.cartly-showcase-copy h3{font-size:clamp(43px,10vw,65px);margin:15px 0}.cartly-showcase-copy p{font-size:14px}.cartly-showcase-devices{width:100%;height:300px;margin-top:10px}.cartly-showcase-monitor{width:88%;right:0;top:15px}.cartly-showcase-ui{height:245px;border-width:6px 6px 12px}.cartly-showcase-ui header{height:30px;font-size:12px}.cartly-showcase-ui main{padding:10px 14px}.cartly-showcase-ui h4{font-size:23px;margin:5px 0}.cartly-showcase-ui main>p{font-size:9px;margin-bottom:7px}.cartly-showcase-list{padding:6px;margin:4px 0}.cartly-showcase-list b{font-size:9px}.cartly-showcase-list small{font-size:8px}.cartly-showcase-action{font-size:9px;padding:6px}.cartly-showcase-phone{width:110px;height:235px;border-width:6px;border-radius:22px;left:0;bottom:2px}.cartly-showcase-island{height:9px;width:40px}.cartly-showcase-phone-ui{transform:scale(.74);transform-origin:top left;width:135%;padding:23px 9px}.cartly-showcase-corner{font-size:8px;bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.cartly-showcase-monitor,.cartly-showcase-phone{transition:none}}.pinna-case{background:#0a0b09;color:#f4f4e9;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.pinna-case *{box-sizing:border-box}.pinna-case h1,.pinna-case h2,.pinna-case h3,.pinna-case p{margin:0}.pinna-case a{color:inherit;text-decoration:none}.pinna-hero{min-height:850px;height:95svh;position:relative;isolation:isolate;background:#10120b}.pinna-final-photo,.pinna-hero-photo{position:absolute;inset:0;background-size:cover;background-position:50%;z-index:-1}.pinna-hero-content{position:absolute;left:clamp(25px,7vw,130px);bottom:clamp(80px,13vh,170px);right:35px;max-width:1100px}.pinna-overline{font-size:12px;letter-spacing:.22em;font-weight:800;display:flex;gap:50px;margin-bottom:28px;color:#bdf900}.pinna-hero h1{font-weight:950;letter-spacing:-.095em;line-height:.82;font-size:clamp(85px,14vw,250px);color:#fff}.pinna-final h2 em,.pinna-full-image h2 em,.pinna-hero h1 em{color:#bdf900;font-style:normal}.pinna-hero-content p{font-size:clamp(16px,1.5vw,24px);line-height:1.45;max-width:590px;margin:32px 0}.pinna-outline{display:inline-flex;justify-content:space-between;gap:40px;border:1px solid #f0f0ea;padding:17px 23px;font-size:11px;letter-spacing:.13em;font-weight:900}.pinna-outline:hover{background:#bdf900;color:#111;border-color:#bdf900}.pinna-vertical{position:absolute;right:20px;bottom:80px;writing-mode:vertical-rl;letter-spacing:.27em;font-size:10px}.pinna-ticker{background:#bbf600;color:#080a05;padding:19px;display:flex;align-items:center;justify-content:space-around;gap:14px;overflow:hidden;white-space:nowrap;font-weight:950;font-size:clamp(10px,1.1vw,17px);letter-spacing:.08em}.pinna-story{padding:clamp(70px,11vw,170px) clamp(24px,8vw,160px);display:grid;grid-template-columns:1.3fr 1fr;grid-gap:7vw;gap:7vw;background:#f2f0e9;color:#111}.pinna-eyebrow{font-size:11px;letter-spacing:.25em;font-weight:900;color:#526100;margin-bottom:32px!important}.pinna-detail h2,.pinna-intro h2,.pinna-story h2{font-size:clamp(62px,7vw,130px);line-height:.91;letter-spacing:-.09em;font-weight:950}.pinna-detail h2 i,.pinna-intro h2 i,.pinna-story h2 i{font-family:Georgia,serif;font-weight:400}.pinna-story>div:nth-child(2)>p{font-size:clamp(18px,1.8vw,29px);line-height:1.45;margin-top:40px}.pinna-facts{margin-top:60px;border-top:1px solid #a9ada1}.pinna-facts span{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #a9ada1;font-size:11px;letter-spacing:.13em}.pinna-facts b{font-size:13px;letter-spacing:0;text-align:right}.pinna-full-image{position:relative;min-height:720px;height:86svh;background-position:50%;background-size:cover;display:flex;align-items:end;padding:clamp(30px,8vw,150px)}.pinna-final-inner>span,.pinna-full-image span,.pinna-intro span{font-size:12px;font-weight:900;letter-spacing:.2em;color:#bdf900}.pinna-final h2,.pinna-full-image h2{margin-top:20px;font-size:clamp(70px,11vw,190px);letter-spacing:-.095em;line-height:.84}.pinna-interface{padding:clamp(70px,8vw,125px) clamp(20px,6vw,100px);background:#181c14;color:#f8f8ec}.pinna-intro{max-width:1000px}.pinna-intro h2{margin:25px 0}.pinna-intro p{max-width:650px;font-size:clamp(17px,1.5vw,22px);line-height:1.5;color:#bbbfab}.pinna-screens{position:relative;margin:85px auto 35px;width:min(100%,1320px);min-height:620px;display:flex;align-items:center;justify-content:center}.pinna-monitor{width:85%;border:solid #090b09;border-width:12px 12px 20px;background:#0d0d0b;box-shadow:0 45px 90px #0007;border-radius:14px;overflow:hidden}.pinna-monitor-top{height:32px;background:#f1f2ef;display:flex;align-items:center;gap:7px;padding:0 14px;color:#333}.pinna-monitor-top i{width:7px;height:7px;border-radius:50%;background:#c3c5bd}.pinna-monitor-top span{margin:auto;font-size:9px;letter-spacing:.17em}.pinna-monitor-image{aspect-ratio:16/8.5;background-position:50%;background-size:cover;display:flex;align-items:center;flex-direction:column;justify-content:end;padding:7%;text-align:center}.pinna-monitor-image span{font-size:clamp(24px,4vw,65px);letter-spacing:-.05em;font-weight:950}.pinna-monitor-image small{color:#bdf900;letter-spacing:.13em}.pinna-mobile{position:absolute;width:23%;max-width:270px;aspect-ratio:9/18.5;right:0;bottom:-25px;border:12px solid #080b09;border-radius:35px;box-shadow:0 25px 60px #000a;overflow:hidden;background:#111}.pinna-mobile-notch{position:absolute;top:8px;left:35%;width:30%;height:10px;border-radius:30px;background:#000;z-index:1}.pinna-mobile-image{width:100%;height:100%;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:end;flex-direction:column;text-align:center;padding:15% 4%}.pinna-mobile-image span{font-size:clamp(17px,2.4vw,34px);line-height:1;font-weight:950}.pinna-mobile-image small{margin-top:15px;font-size:8px;letter-spacing:.15em;color:#bdf900}.pinna-device-note{max-width:900px;margin:0 auto;text-align:center;font-size:12px;color:#b9bcae}.pinna-detail{background:#bdf900;color:#0b0d09;padding:clamp(80px,10vw,150px) clamp(25px,8vw,150px)}.pinna-detail .pinna-eyebrow{color:#273308}.pinna-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:45px;gap:45px;margin-top:90px}.pinna-detail-grid>div{border-top:2px solid #161a07;padding-top:20px}.pinna-detail-grid span{font-size:13px;font-weight:900}.pinna-detail-grid h3{font-size:clamp(23px,2.6vw,42px);letter-spacing:-.06em;margin:30px 0 15px}.pinna-detail-grid p{font-size:16px;line-height:1.55}.pinna-final{position:relative;isolation:isolate;min-height:720px;display:flex;align-items:center;padding:8vw}.pinna-final-inner h2{margin:30px 0 50px}.pinna-final a{display:inline-block;padding:18px 25px;border:1px solid #eee;font-size:11px;letter-spacing:.17em;font-weight:900}.pinna-final a:hover{background:#bdf900;color:#000}.pinna-next{background:#eaece4;color:#121510;padding:45px 8vw}.pinna-next a{display:flex;align-items:center;justify-content:space-between;gap:25px}.pinna-next small{font-size:11px;letter-spacing:.18em}.pinna-next span{font-size:clamp(24px,3vw,48px);font-weight:950;letter-spacing:-.05em}.pinna-home-preview{height:clamp(440px,49vw,730px);position:relative;overflow:hidden;isolation:isolate;background:#10120b;color:#fff;border-radius:3px;margin:24px 6vw}.pinna-home-image{position:absolute;inset:0;background-position:50%;background-size:cover;transition:transform .65s ease;z-index:-1}.project-link:hover .pinna-home-image{transform:scale(1.055)}.pinna-home-overlay{position:absolute;inset:0;padding:clamp(25px,5vw,90px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.pinna-home-overlay small{font-size:12px;letter-spacing:.18em;color:#bdf900}.pinna-home-overlay strong{margin:35px 0;font-size:clamp(54px,8vw,145px);line-height:.82;letter-spacing:-.09em}.pinna-home-overlay strong i{color:#bdf900;font-style:normal}.pinna-home-overlay>span{font-size:11px;letter-spacing:.15em}.pinna-home-tag{position:absolute;right:3%;bottom:4%;font-size:11px;letter-spacing:.12em;font-weight:900}@media(max-width:800px){.pinna-hero{height:80svh;min-height:620px}.pinna-hero-content{bottom:100px}.pinna-hero h1{font-size:clamp(68px,13vw,130px)}.pinna-story{grid-template-columns:1fr;gap:20px}.pinna-story>div:nth-child(2)>p{margin-top:0}.pinna-full-image{min-height:500px;height:70svh}.pinna-detail-grid{grid-template-columns:1fr;gap:40px;margin-top:55px}.pinna-screens{min-height:430px;margin-top:50px}.pinna-monitor{width:95%;border-width:7px}.pinna-mobile{width:25%;border-width:7px;border-radius:24px;bottom:10px}.pinna-home-preview{margin:24px 3vw}}@media(max-width:520px){.pinna-hero h1{font-size:clamp(55px,16vw,90px)}.pinna-hero-content p{font-size:16px}.pinna-vertical{display:none}.pinna-final h2,.pinna-full-image h2{font-size:clamp(60px,13vw,110px)}.pinna-detail h2,.pinna-intro h2,.pinna-story h2{font-size:clamp(49px,12vw,83px)}.pinna-screens{min-height:280px}.pinna-mobile{right:-2%;bottom:-2px}.pinna-monitor-top{height:22px}.pinna-monitor-image{aspect-ratio:16/10}.pinna-device-note{font-size:10px}.pinna-home-preview{height:430px;margin:18px 0}.pinna-home-overlay strong{font-size:clamp(53px,13vw,83px)}.pinna-home-overlay{padding:26px}.pinna-home-overlay>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.pinna-home-image{transition:none}}.pinna-hero{min-height:780px;height:max(780px,100svh)}.pinna-hero-content{top:clamp(125px,17vh,175px);bottom:clamp(65px,9vh,105px);display:flex;align-items:flex-end}.pinna-hero h1{font-size:clamp(68px,10.2vw,168px);line-height:.88;letter-spacing:-.075em}.pinna-hero h1 em,.pinna-hero h1 span{display:block;white-space:nowrap}@media(max-width:800px){.pinna-hero{min-height:680px;height:100svh}.pinna-hero-content{top:115px;bottom:75px}.pinna-hero h1{font-size:clamp(54px,10vw,90px)}}@media(max-width:520px){.pinna-hero{min-height:600px}.pinna-hero-content{top:100px;bottom:72px;left:22px;right:18px}.pinna-hero h1{font-size:clamp(42px,10.5vw,65px)}.pinna-hero-content p{margin-top:20px}}.pinna-gallery{background:#10140f;color:#f5f6ed;padding:clamp(80px,9vw,150px) clamp(22px,6vw,105px)}.pinna-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px}.pinna-gallery-head span{color:#bdf900;font-size:12px;font-weight:900;letter-spacing:.18em}.pinna-gallery-head h2{font-size:clamp(64px,9vw,150px);line-height:.86;letter-spacing:-.085em;margin-top:25px;font-weight:950}.pinna-gallery-head h2 em{font-family:Georgia,serif;font-weight:400}.pinna-gallery-head>p{max-width:320px;font-size:18px;line-height:1.5;color:#a9b0a0}.pinna-gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:18px;gap:18px}.pinna-gallery-card{position:relative;display:block;width:100%;padding:0;border:0;overflow:hidden;background:#292e26;cursor:zoom-in;text-align:left;color:#fff}.pinna-gallery-card,.pinna-gallery-card:nth-child(2),.pinna-gallery-card:nth-child(3){height:clamp(300px,38vw,600px)}.pinna-gallery-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .6s ease}.pinna-gallery-card:nth-child(3) img,.pinna-gallery-card:nth-child(4) img{object-fit:contain;background:#22271f}.pinna-gallery-card:hover img{transform:scale(1.045)}.pinna-gallery-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.pinna-gallery-card-label{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:10px}.pinna-gallery-card-label small{font-size:10px;letter-spacing:.15em;color:#bdf900}.pinna-gallery-card-label b{font-size:clamp(17px,2vw,30px);letter-spacing:-.04em}.pinna-gallery-credit{margin-top:20px;font-size:11px;color:#a9b0a0}.pinna-gallery-lightbox{position:fixed;z-index:10000;inset:0;background:#050805f5;display:flex;align-items:center;justify-content:center;padding:75px;color:#fff}.pinna-gallery-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.pinna-gallery-lightbox button{position:absolute;z-index:2;background:#bdf900;color:#111;border:0;width:50px;height:50px;cursor:pointer;font-size:23px}.pinna-gallery-close{right:25px;top:25px}.pinna-gallery-prev{left:15px;top:50%}.pinna-gallery-next{right:15px;top:50%}.pinna-gallery-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.2em}@media(max-width:700px){.pinna-gallery-head{display:block}.pinna-gallery-head>p{margin-top:25px}.pinna-gallery-grid{grid-template-columns:1fr;gap:12px}.pinna-gallery-card,.pinna-gallery-card:nth-child(2),.pinna-gallery-card:nth-child(3){height:330px}.pinna-gallery-lightbox{padding:70px 40px}.pinna-gallery-lightbox button{width:35px;height:40px}.pinna-gallery-prev{left:2px}.pinna-gallery-next{right:2px}}@media(prefers-reduced-motion:reduce){.pinna-gallery-card img{transition:none}}.ss-case{background:#0d1c24;color:#f7f6f1;overflow:hidden}.ss-case *{box-sizing:border-box}.ss-case em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.ss-case h1,.ss-case h2,.ss-case h3,.ss-case h4{font-family:inherit}.ss-case .header{z-index:100}.ss-hero{height:100svh;min-height:720px;position:relative;isolation:isolate;display:flex;align-items:center;padding:135px clamp(24px,7vw,125px) 60px}.ss-hero-photo{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:50%}.ss-hero-inner{width:100%;max-width:1400px;margin:0 auto}.ss-meta{display:flex;justify-content:space-between;gap:20px;max-width:770px;color:#bed1d7;font-size:11px;letter-spacing:.18em;font-weight:800}.ss-kicker{margin:60px 0 18px;color:#ff7969;font-size:12px;font-weight:900;letter-spacing:.23em}.ss-hero h1{font-size:clamp(95px,13.5vw,245px);line-height:.75;letter-spacing:-.098em;font-weight:950;margin:0}.ss-hero h1 em{color:#ff7969;font-style:italic}.ss-hero-inner p{max-width:550px;margin:47px 0 0;font-size:clamp(17px,1.8vw,24px);line-height:1.55}.ss-hero-rail{position:absolute;right:25px;bottom:100px;writing-mode:vertical-rl;letter-spacing:.22em;font-size:10px;color:#c0d0d3}.ss-marquee{height:80px;background:#f1725e;color:#13202a;display:flex;align-items:center;justify-content:space-around;white-space:nowrap;gap:35px;padding:0 28px;font-size:clamp(11px,1.3vw,20px);font-weight:950;letter-spacing:.08em}.ss-marquee i{font-size:24px;font-style:normal}.ss-story{background:#f6f5ef;color:#142632;padding:clamp(90px,10vw,170px) 7vw;display:grid;grid-template-columns:1.15fr 1fr;grid-gap:7vw;gap:7vw}.ss-eyebrow,.ss-story .ss-eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:#dc5c4b}.ss-features h2,.ss-final h2,.ss-gallery h2,.ss-showcase h2,.ss-story h2,.ss-workflow h2{font-size:clamp(60px,8vw,140px);line-height:.87;letter-spacing:-.09em;margin:26px 0}.ss-story>div:nth-child(2){padding-top:90px}.ss-story>div:nth-child(2)>p{font-size:clamp(17px,1.55vw,23px);line-height:1.65;max-width:640px}.ss-facts{border-top:1px solid #a4b0b6;margin-top:60px;padding-top:20px;display:flex;flex-direction:column;gap:22px}.ss-facts span{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#526471}.ss-facts b{font-size:14px;color:#152937;letter-spacing:0}.ss-impact{position:relative;isolation:isolate;min-height:730px;display:flex;align-items:flex-end;padding:100px 7vw}.ss-impact-photo{position:absolute;inset:0;z-index:-1;background-position:50%;background-size:cover}.ss-impact h2{font-size:clamp(68px,9vw,155px);line-height:.83;letter-spacing:-.09em;margin:30px 0 0}.ss-impact h2 em{color:#ff7969}.ss-impact span{font-size:12px;letter-spacing:.22em;color:#feddd6}.ss-showcase{background:#e7edf0;color:#162935;padding:clamp(80px,9vw,160px) 7vw 100px}.ss-showcase-title{display:flex;justify-content:space-between;align-items:end;gap:60px}.ss-showcase-title>p{font-size:18px;line-height:1.55;max-width:330px;color:#4d6169;margin-bottom:32px}.ss-device-area{position:relative;margin:70px auto 20px;width:95%;padding:0 8% 60px 0;max-width:1350px}.ss-browser{border:12px solid #122530;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 40px 100px #182a3345}.ss-browserbar{height:41px;background:#162d3a;display:flex;align-items:center;gap:8px;padding:0 18px;color:#91aeb9}.ss-browserbar i{width:9px;height:9px;border-radius:50%;background:#fb7463}.ss-browserbar i:nth-child(2){background:#f5bf68}.ss-browserbar i:nth-child(3){background:#7fc2af}.ss-browserbar span{font-size:10px;letter-spacing:.07em;margin-left:16px}.ss-ui{min-height:565px;display:grid;grid-template-columns:23% 77%;color:#182c37;font-family:Arial,sans-serif}.ss-ui-sidebar{background:#122c39;color:#fff;display:flex;flex-direction:column;gap:10px;padding:32px 22px}.ss-ui-brand{font-size:19px;font-weight:950;line-height:1;letter-spacing:-.05em;margin-bottom:40px}.ss-ui-brand>span{color:#ff7c67;font-size:33px;float:left;margin-right:10px}.ss-ui-nav{display:flex;gap:15px;align-items:center;padding:14px 10px;border-radius:5px;color:#bad0d7;font-size:13px}.ss-ui-nav.active{background:#2b4c57;color:#fff}.ss-ui-side-bottom{margin-top:auto;font-size:10px;letter-spacing:.1em;color:#9bb8c0}.ss-ui-side-bottom small{display:block;margin-top:8px;font-size:9px}.ss-ui-main{padding:28px 36px;background:#f4f6f5}.ss-ui-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.15em;color:#69818a}.ss-ui-avatar{border-radius:50%;background:#e5d0c8;color:#c15947;padding:14px;letter-spacing:0}.ss-ui-greet{padding:45px 0 30px}.ss-ui-greet>span{font-size:10px;color:#d56555;letter-spacing:.12em;font-weight:900}.ss-ui-greet h4{font-size:clamp(40px,4.5vw,75px);letter-spacing:-.075em;line-height:.9;margin:14px 0}.ss-ui-greet h4 em{color:#df705c}.ss-ui-greet p{font-size:14px;color:#71838b;max-width:380px}.ss-ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.ss-ui-metrics>div{padding:25px 16px;background:#fff;border:1px solid #d9e2e3;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.ss-ui-metrics span{font-size:9px;letter-spacing:.1em;color:#db6755}.ss-ui-metrics b{font-size:17px;letter-spacing:-.04em}.ss-ui-metrics small{font-size:11px;color:#778b91}.ss-ui-mini{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e4eae9;padding:18px;margin-top:18px;font-size:11px}.ss-ui-mini span{margin-left:auto}.ss-ui-mini i{color:#df6250}.ss-phone{position:absolute;right:0;bottom:10px;width:23%;min-width:170px;max-width:300px;aspect-ratio:9/18.5;border:10px solid #16252c;border-radius:35px;background:#fff;overflow:hidden;box-shadow:0 30px 70px #0006}.ss-phone-island{position:absolute;top:8px;left:32%;width:36%;height:14px;background:#16252c;border-radius:15px;z-index:1}.ss-phone-screen{height:100%;padding:30px 16px 20px;color:#172b39;background:#faf7f3;display:flex;flex-direction:column}.ss-phone-top{display:flex;gap:8px;font-size:23px;color:#e26250;align-items:center}.ss-phone-top b{font-size:11px;color:#19303d;line-height:1}.ss-phone-screen>span{font-size:9px;letter-spacing:.08em;margin-top:40px;color:#e06455;font-weight:900}.ss-phone-screen h4{font-size:clamp(24px,3.3vw,51px);letter-spacing:-.085em;line-height:.9;margin:12px 0}.ss-phone-screen h4 em{color:#de6956}.ss-phone-screen img{max-width:100%;height:28%;object-fit:contain}.ss-phone-item{padding:13px 0;border-bottom:1px solid #d8d9d7;font-size:clamp(8px,1vw,14px);display:flex;justify-content:space-between}.ss-showcase-note{text-align:center;font-size:12px;color:#506774;letter-spacing:.02em}.ss-workflow{background:#162b37;color:#fff;padding:clamp(80px,9vw,150px) 7vw;display:grid;grid-template-columns:.8fr 1fr;grid-gap:7vw;gap:7vw;align-items:center}.ss-features>div:first-child span,.ss-final>div>span,.ss-gallery-intro>span,.ss-workflow-header span{font-size:11px;color:#f18a7b;font-weight:900;letter-spacing:.2em}.ss-workflow-header h2 em{color:#f18a7b}.ss-workflow-header>p{font-size:18px;line-height:1.65;max-width:440px;color:#b5c7ca}.ss-check{background:#f8f8f3;color:#172a33;box-shadow:0 30px 60px #0005}.ss-check-meta{background:#e76c57;color:#fff;display:flex;justify-content:space-between;padding:16px 25px;font-size:10px;letter-spacing:.16em;font-weight:900}.ss-check-inner{padding:clamp(25px,3.8vw,65px)}.ss-check-inner>span{font-size:11px;color:#c85b49;font-weight:900;letter-spacing:.14em}.ss-check-inner h3{font-size:clamp(38px,4vw,70px);line-height:.92;letter-spacing:-.08em;margin:20px 0}.ss-check-inner h3 em{color:#dd6954}.ss-check-inner>p{max-width:430px;font-size:14px;line-height:1.5;color:#697b7b}.ss-check-progress{display:flex;justify-content:space-between;margin-top:50px;padding-bottom:15px;border-bottom:2px solid #1b343d;font-size:11px;letter-spacing:.07em}.ss-check-progress b{color:#dd6954}.ss-check-row{display:grid;grid-template-columns:25px 1fr auto 45px;grid-gap:12px;gap:12px;padding:19px 0;border-bottom:1px solid #d5ddda;align-items:center;font-size:14px}.ss-check-icon{border:1px solid #79a69f;color:#327d69;border-radius:50%;text-align:center;font-size:12px}.ss-check-row small{font-size:10px;color:#7c958e;letter-spacing:.08em}.ss-check-row b{text-align:right}.ss-check-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:35px;font-size:10px}.ss-check-bottom small{color:#667779}.ss-check-bottom>span{font-weight:900;color:#d96350}.ss-features{background:#f8f7f2;color:#142a35;padding:clamp(90px,10vw,160px) 7vw;display:grid;grid-template-columns:.9fr 1fr;grid-gap:9vw;gap:9vw}.ss-features h2 em{color:#e66c57}.ss-feature{display:grid;grid-template-columns:45px 1fr 30px;grid-column-gap:15px;column-gap:15px;position:relative;padding:26px 0;border-bottom:1px solid #b6c0bf}.ss-feature small{font-size:11px;color:#d96856;font-weight:900}.ss-feature h3{font-size:clamp(21px,2.1vw,32px);letter-spacing:-.04em;margin:0}.ss-feature p{grid-column:2;max-width:360px;line-height:1.6;color:#536875;margin-top:10px}.ss-feature b{grid-column:3;grid-row:1;color:#e46a56}.ss-gallery{background:#e9705b;color:#102732;padding:100px 7vw}.ss-gallery-intro h2{margin-bottom:60px}.ss-gallery-images{grid-template-columns:1.2fr .8fr;grid-gap:20px;gap:20px}.ss-gallery-images img{height:clamp(310px,42vw,670px)}.ss-final{background:#10242f;color:#f9faf4;padding:clamp(120px,12vw,200px) 7vw}.ss-final>div{max-width:1400px;margin:auto}.ss-final h2{font-size:clamp(75px,12vw,210px)}.ss-final h2 em{color:#fa8b77}.ss-final p{max-width:580px;font-size:19px;line-height:1.7;color:#bfced1;margin:40px 0 70px}.ss-stack{border-top:1px solid #50717b;padding-top:20px;display:flex;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.17em;font-weight:900}.ss-stack i{color:#fa8b77;font-style:normal}.ss-next{background:#f7f7ef;padding:35px 7vw}.ss-next a{color:#122b38;display:flex;align-items:center;gap:30px}.ss-next small{font-size:11px;letter-spacing:.2em}.ss-next strong{font-size:clamp(22px,4vw,60px);letter-spacing:-.08em}.ss-next span{margin-left:auto;font-size:40px}.ss-home-preview{height:clamp(440px,49vw,730px);background:#0d1c24;position:relative;isolation:isolate;overflow:hidden;color:#fff;margin:24px 6vw}.ss-home-photo{position:absolute;inset:0;z-index:-1;background-position:50%;background-size:cover;transition:transform .6s}.project-link:hover .ss-home-photo{transform:scale(1.04)}.ss-home-copy{position:absolute;left:clamp(25px,5vw,85px);top:50%;transform:translateY(-50%)}.ss-home-copy small{font-size:11px;letter-spacing:.18em;color:#ffa38f}.ss-home-copy strong{display:block;font-size:clamp(70px,9vw,155px);line-height:.8;letter-spacing:-.09em;margin:35px 0}.ss-home-copy strong em{font-family:Georgia,serif;color:#fa8e7b;font-weight:400}.ss-home-copy>span{font-size:10px;letter-spacing:.18em}.ss-home-device{position:absolute;right:5%;bottom:-12px;background:#f5f6f2;color:#162c37;width:31%;height:62%;border:9px solid #152b36;border-radius:24px 24px 0 0;box-shadow:0 30px 80px #0008;padding:30px;transform:rotate(5deg)}.ss-home-device-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900}.ss-home-device-top b{font-size:23px;color:#e87562}.ss-home-device-top i{margin-left:auto}.ss-home-device h4{font-size:clamp(23px,3vw,50px);margin:35px 0 12px;letter-spacing:-.07em}.ss-home-device p{font-size:12px;line-height:1.5;margin-bottom:30px;color:#5f7477}.ss-home-device>div:not(.ss-home-device-top){display:flex;justify-content:space-between;border-top:1px solid #c6d1d3;padding:15px 0;font-size:13px}.ss-home-device>div>b{color:#e76c58}.ss-home-tag{position:absolute;bottom:25px;left:clamp(25px,5vw,85px);font-size:10px;font-weight:900;letter-spacing:.1em}@media(max-width:900px){.ss-features,.ss-story,.ss-workflow{grid-template-columns:1fr;gap:40px}.ss-story>div:nth-child(2){padding-top:0}.ss-showcase-title{display:block}.ss-showcase-title>p{margin-top:30px}.ss-device-area{width:100%;padding-right:9%}.ss-ui{min-height:445px}.ss-ui-sidebar{padding:22px 12px}.ss-ui-nav{font-size:10px;padding:10px 2px;gap:4px}.ss-ui-main{padding:17px}.ss-ui-metrics>div{padding:12px 7px;min-height:100px}.ss-ui-metrics b{font-size:12px}.ss-ui-metrics small{font-size:9px}.ss-ui-greet{padding:30px 0}.ss-phone{min-width:140px;border-width:7px}.ss-home-device{width:39%;height:55%;padding:20px}}@media(max-width:600px){.ss-hero{min-height:670px;padding:130px 25px 80px}.ss-hero h1{font-size:clamp(73px,16vw,110px)}.ss-hero-rail{display:none}.ss-meta{font-size:9px;max-width:300px}.ss-meta span:last-child{display:none}.ss-kicker{margin-top:50px}.ss-hero-inner p{font-size:16px}.ss-marquee{overflow:hidden;justify-content:flex-start;height:60px}.ss-features,.ss-final,.ss-gallery,.ss-showcase,.ss-story,.ss-workflow{padding-left:24px;padding-right:24px}.ss-features h2,.ss-gallery h2,.ss-showcase h2,.ss-story h2,.ss-workflow h2{font-size:clamp(50px,12vw,72px)}.ss-impact{min-height:520px;padding:70px 25px}.ss-impact h2{font-size:clamp(50px,12vw,80px)}.ss-device-area{padding:0 0 40px}.ss-browser{border-width:6px}.ss-browserbar{height:25px;padding:0 7px}.ss-browserbar i{width:5px;height:5px}.ss-browserbar span{font-size:6px}.ss-ui{min-height:265px;grid-template-columns:20% 80%}.ss-ui-sidebar{padding:11px 5px}.ss-ui-brand{font-size:7px;margin-bottom:17px}.ss-ui-brand>span{font-size:12px;margin-right:2px}.ss-ui-nav{padding:6px 0;font-size:10px}.ss-ui-nav b,.ss-ui-side-bottom{display:none}.ss-ui-main{padding:8px}.ss-ui-top{font-size:6px}.ss-ui-avatar{padding:7px}.ss-ui-greet{padding:17px 0}.ss-ui-greet>span{font-size:6px}.ss-ui-greet h4{font-size:30px;margin:8px 0}.ss-ui-greet p{font-size:8px}.ss-ui-metrics{gap:4px}.ss-ui-metrics>div{min-height:65px;padding:8px 5px}.ss-ui-metrics span{font-size:5px}.ss-ui-metrics b{font-size:8px}.ss-ui-metrics small{display:none}.ss-ui-mini{font-size:6px;padding:7px;margin-top:8px}.ss-phone{min-width:0;width:29%;max-width:130px;border:5px solid #16252c;border-radius:18px;bottom:5px}.ss-phone-screen{padding:22px 7px 7px}.ss-phone-island{height:6px;top:4px}.ss-phone-top{font-size:13px}.ss-phone-top b{font-size:7px}.ss-phone-screen>span{font-size:5px;margin-top:13px}.ss-phone-screen h4{font-size:21px}.ss-phone-item{padding:7px 0;font-size:7px}.ss-showcase-note{font-size:10px}.ss-gallery-images{grid-template-columns:1fr;gap:12px}.ss-gallery-images img{height:300px}.ss-features{gap:10px}.ss-final h2{font-size:clamp(66px,13vw,100px)}.ss-final p{font-size:16px}.ss-check-inner{padding:25px 15px}.ss-check-row{grid-template-columns:20px 1fr auto 30px;font-size:11px;gap:6px}.ss-check-row small{font-size:7px}.ss-home-preview{height:470px;margin:18px 0}.ss-home-copy{left:25px;top:34%;transform:translateY(-50%)}.ss-home-copy strong{font-size:clamp(69px,14vw,90px)}.ss-home-device{width:50%;height:41%;right:2%;padding:13px;border-width:6px}.ss-home-device h4{font-size:19px;margin:16px 0 6px}.ss-home-device p{font-size:9px;margin-bottom:10px}.ss-home-device>div:not(.ss-home-device-top){font-size:8px;padding:8px 0}.ss-home-device-top{font-size:8px}.ss-home-device-top b{font-size:13px}.ss-home-tag{bottom:20px;left:22px;font-size:8px}}@media(prefers-reduced-motion:reduce){.ss-home-photo{transition:none}}.ss-gallery-images{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:14px;gap:14px}.ss-gallery-images img{grid-column:span 2;width:100%;height:360px;object-fit:cover;display:block}.ss-gallery-images img:first-child,.ss-gallery-images img:nth-child(2){grid-column:span 3;height:440px}@media(max-width:700px){.ss-gallery-images{grid-template-columns:1fr 1fr;gap:10px}.ss-gallery-images img,.ss-gallery-images img:first-child,.ss-gallery-images img:nth-child(2){grid-column:span 1;height:220px}.ss-gallery-images img:last-child{grid-column:span 2;height:260px}}.about-gioele{background:#101315;color:#f5f5f2;position:relative;overflow:hidden;scroll-margin-top:0}.about-gioele-inner{max-width:1900px;margin:auto;min-height:820px;display:grid;grid-template-columns:55% 45%;align-items:stretch}.about-gioele-copy{padding:clamp(95px,9vw,145px) 3.8vw 100px 6vw;position:relative;z-index:2}.about-gioele-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#b9e65e;display:flex;align-items:center;gap:14px;margin:0 0 45px}.about-gioele-dot{height:6px;width:6px;border-radius:50%;background:#b9e65e}.about-gioele h2{font-size:clamp(56px,6.3vw,118px);line-height:.9;letter-spacing:-.075em;font-weight:750;margin:0 0 25px;white-space:nowrap}.about-gioele h2 span{color:#b9e65e}.about-gioele-tagline{font-size:clamp(30px,3.3vw,60px);line-height:1.05;letter-spacing:-.05em;font-weight:350;margin:0 0 38px}.about-gioele-bio{max-width:640px;color:#c4c8c8;font-size:clamp(15px,1.16vw,19px);line-height:1.6}.about-gioele-bio p{margin:0 0 17px}.about-gioele-facts{display:flex;flex-wrap:wrap;gap:12px 25px;margin:35px 0 36px;color:#d6d9d5;font-size:12px;letter-spacing:.01em}.about-gioele-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.about-gioele-primary{background:#f8f9f5;color:#111!important;border-radius:50px;padding:20px 27px;display:flex;gap:38px;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.04em;transition:background .2s,transform .2s}.about-gioele-primary:hover{background:#b9e65e;transform:translateY(-2px)}.about-gioele-secondary{font-size:12px;border-bottom:1px solid #8e9792;padding-bottom:8px;letter-spacing:.04em}.about-gioele-portrait{position:relative;min-height:700px;background:#202321;overflow:hidden}.about-gioele-portrait:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#101315,transparent 20%)}.about-gioele-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;position:absolute;inset:0}.about-gioele-side-note{position:absolute;right:25px;top:90px;z-index:2;font-size:10px;letter-spacing:.12em;line-height:1.7;color:#c1c5c0;text-align:right}@media(max-width:1150px){.about-gioele-inner{grid-template-columns:54% 46%}.about-gioele-copy{padding-left:4vw}.about-gioele h2{font-size:clamp(48px,6.1vw,75px)}.about-gioele-bio{font-size:15px}.about-gioele-portrait img{object-position:47% top}}@media(max-width:760px){.about-gioele-inner{display:flex;flex-direction:column}.about-gioele-copy{padding:85px 6vw 55px}.about-gioele h2{font-size:clamp(43px,10vw,80px)}.about-gioele-tagline{font-size:clamp(30px,7vw,45px)}.about-gioele-portrait{min-height:570px;height:80vw;max-height:760px}.about-gioele-portrait:before{background:linear-gradient(180deg,#101315,transparent 18%)}.about-gioele-portrait img{object-position:center 20%}.about-gioele-side-note{top:25px}}@media(max-width:390px){.about-gioele h2{font-size:10vw}.about-gioele-actions{gap:22px}.about-gioele-facts{display:grid;grid-gap:12px;gap:12px}}@media(prefers-reduced-motion:reduce){.about-gioele-primary{transition:none}}.gioele-intro{background:#101416;color:#f6f7f4;min-height:100svh;position:relative;overflow:hidden}.gioele-intro-main{max-width:1900px;min-height:100svh;margin:0 auto;display:grid;grid-template-columns:53% 47%}.gioele-intro-content{position:relative;z-index:2;padding:clamp(120px,12vh,160px) 2vw 52px clamp(25px,7vw,130px);display:flex;flex-direction:column;justify-content:center}.gioele-intro-label{font-size:12px;letter-spacing:.14em;margin:0 0 25px;color:#e3e5e0}.gioele-intro-label span{color:#c1ed5c;font-weight:800;margin-right:12px}.gioele-intro h1{font-size:clamp(70px,8.2vw,152px);line-height:.82;letter-spacing:-.085em;font-weight:750;margin:0 0 30px}.gioele-intro h1 span{color:#c1ed5c}.gioele-intro-lead{font-size:clamp(27px,3vw,56px);line-height:1.09;letter-spacing:-.045em;margin:0 0 27px}.gioele-intro-description{max-width:560px;color:#d4d7d6;font-size:clamp(15px,1.2vw,19px);line-height:1.53}.gioele-intro-description p{margin:0 0 13px}.gioele-intro-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 30px}.gioele-intro-buttons a{display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:50px;padding:18px 25px;font-size:12px;font-weight:700;letter-spacing:.03em;transition:transform .2s,background .2s}.gioele-intro-buttons a:hover{transform:translateY(-3px)}.gioele-intro-button-primary{background:#f9faf7;color:#101416}.gioele-intro-button-primary:hover{background:#c1ed5c}.gioele-intro-button-secondary{border:1px solid #858b87;color:#fff}.gioele-intro-facts{border-top:1px solid #525c59;display:flex;gap:0;padding-top:20px;max-width:580px}.gioele-intro-facts>span{display:flex;align-items:center;gap:12px;padding:0 15px;color:#c1ed5c;font-size:25px}.gioele-intro-facts>span:first-child{padding-left:0}.gioele-intro-facts>span+span{border-left:1px solid #38403e}.gioele-intro-facts small{font-size:11px;color:#b8bfbd;line-height:1.35}.gioele-intro-facts b{color:#fff;font-weight:700}.gioele-intro-photo{position:relative;min-height:720px;overflow:hidden;background:#1b1f20}.gioele-intro-photo:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#101416,transparent 16%),linear-gradient(0deg,#10141655,transparent 30%);pointer-events:none}.gioele-intro-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}.gioele-intro-photo-note{position:absolute;right:25px;bottom:25px;z-index:2;color:#f3f3ee;font-size:11px;letter-spacing:.13em}.header:has(~.gioele-intro){color:#f5f5f5}.header-contact-cta{justify-self:end;border:1px solid;padding:12px 24px;border-radius:30px;font-size:12px}.header nav a:hover,.header-contact-cta:hover{opacity:.7}.gioele-work{background:#111618;color:#f6f7f4}.gioele-work .section-head{padding:32px 4vw;letter-spacing:.09em}.gioele-work-number{color:#c1ed5c;font-weight:700}@media(max-width:1150px){.gioele-intro-main{grid-template-columns:54% 46%}.gioele-intro-content{padding-left:4vw}.gioele-intro h1{font-size:clamp(65px,8vw,100px)}.gioele-intro-facts{flex-wrap:wrap;gap:10px}.gioele-intro-facts>span{padding:0 10px}.header-contact-cta{display:none}}@media(max-width:760px){.gioele-intro-main{display:flex;flex-direction:column}.gioele-intro-content{padding:125px 6vw 55px;order:1}.gioele-intro h1{font-size:clamp(64px,13vw,100px)}.gioele-intro-lead{font-size:clamp(30px,6vw,48px)}.gioele-intro-photo{order:2;min-height:540px;height:100vw;max-height:750px}.gioele-intro-photo:before{background:linear-gradient(180deg,#101416,transparent 14%)}.gioele-intro-photo img{object-position:50% 10%}.gioele-intro-facts{gap:14px}.gioele-intro-facts>span{padding:0 8px;font-size:20px}.header{color:#fff!important}.header nav{gap:12px}.header nav a{font-size:10px}.gioele-work .section-head{padding:25px 5vw}}@media(max-width:390px){.gioele-intro h1{font-size:13vw}.gioele-intro-facts small{font-size:10px}.gioele-intro-facts>span{gap:5px}.gioele-intro-buttons a{padding:15px 18px}}@media(prefers-reduced-motion:reduce){.gioele-intro-buttons a{transition:none}}.profile-page .about-gioele-inner{min-height:100svh}.profile-page .about-gioele-copy{padding-top:clamp(155px,17vh,220px)}.profile-page .about-gioele-portrait{min-height:100svh}.profile-page .header{color:#f5f5f5}@media(max-width:760px){.profile-page .about-gioele-copy{padding-top:145px}.profile-page .about-gioele-portrait{min-height:540px}}.gf-contact-page{min-height:100vh;background:#101415;color:#f6f7f3}.gf-contact-section{max-width:1700px;margin:auto;min-height:90vh;padding:clamp(135px,14vw,220px) clamp(22px,6vw,110px) 120px;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(45px,6vw,130px);gap:clamp(45px,6vw,130px);align-items:start}.gf-contact-eyebrow{font-size:12px;color:#b8e65a;letter-spacing:.18em;font-weight:700;margin:0 0 36px}.gf-contact-heading h1{font-size:clamp(65px,7.4vw,150px);line-height:.86;letter-spacing:-.08em;margin:0 0 42px;font-weight:800}.gf-contact-heading h1 em{color:#b8e65a;font-style:normal}.gf-contact-heading>p:not(.gf-contact-eyebrow){font-size:clamp(17px,1.55vw,24px);line-height:1.55;color:#c2c9c5;max-width:490px}.gf-contact-email{margin-top:clamp(60px,7vw,120px);display:flex;flex-direction:column;gap:16px}.gf-contact-email span,.gf-contact-location{color:#8e9b96;font-size:11px;letter-spacing:.14em;font-weight:700}.gf-contact-email a{font-size:clamp(20px,2vw,31px);color:#f5f5f0;text-decoration:none;overflow-wrap:anywhere}.gf-contact-email a:hover{color:#b8e65a}.gf-contact-location{margin-top:65px;display:flex;gap:18px;align-items:center}.gf-contact-location span{color:#b8e65a}.gf-contact-panel{background:#191f20;border:1px solid #303938;padding:clamp(24px,3vw,56px)}.gf-contact-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;font-size:12px;letter-spacing:.16em;font-weight:700;color:#f1f3ef}.gf-contact-panel-heading span:last-child{font-size:28px;color:#b8e65a}.gf-contact-form{display:flex;flex-direction:column;gap:30px}.gf-contact-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.gf-contact-form label{display:flex;flex-direction:column;gap:12px;font-size:11px;letter-spacing:.12em;font-weight:700;color:#d5ded9}.gf-contact-form input,.gf-contact-form select,.gf-contact-form textarea{width:100%;border:1px solid #404b49;border-radius:0;padding:18px 16px;background:#111718;color:#fff;font:400 15px/1.5 inherit;letter-spacing:normal;outline:none;min-width:0;transition:border-color .2s}.gf-contact-form input:focus,.gf-contact-form select:focus,.gf-contact-form textarea:focus{border-color:#b8e65a}.gf-contact-form input::placeholder,.gf-contact-form textarea::placeholder{color:#8b9893}.gf-contact-form textarea{resize:vertical;min-height:155px}.gf-contact-form select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.gf-contact-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.gf-contact-form-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gf-contact-form-bottom button{border:0;background:#b8e65a;color:#0d130f;padding:20px 26px;font-weight:800;font-size:12px;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:55px;transition:background .2s,transform .2s}.gf-contact-form-bottom button:hover:not(:disabled){background:#d1fb82;transform:translateY(-2px)}.gf-contact-form-bottom button:disabled{opacity:.65;cursor:wait}.gf-contact-form-bottom button span{font-size:20px}.gf-contact-form-bottom>span{font-size:12px;color:#9ca8a3;max-width:190px;line-height:1.5}.gf-contact-success{color:#b8e65a;font-size:14px}.gf-contact-error{color:#ffb2a9;font-size:14px;line-height:1.5}.gf-contact-error a{text-decoration:underline}.gf-contact-footer{border-top:1px solid #303938;padding:35px clamp(22px,6vw,110px);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;color:#9da8a3}.gf-contact-footer a{color:#d6dfda;text-decoration:none}@media(max-width:1050px){.gf-contact-section{grid-template-columns:1fr;gap:70px}.gf-contact-heading h1{font-size:clamp(62px,10vw,130px)}.gf-contact-email{margin-top:55px}.gf-contact-location{margin-top:35px}}@media(max-width:550px){.gf-contact-section{padding-top:130px;padding-bottom:70px}.gf-contact-heading h1{font-size:clamp(52px,12vw,80px)}.gf-contact-two{grid-template-columns:1fr}.gf-contact-panel{padding:25px 20px}.gf-contact-form-bottom button{width:100%}.gf-contact-footer{flex-wrap:wrap}}body,html{max-width:100%;min-width:0}body{overflow-x:clip}article,footer,main,section{min-width:0}button,img,input,select,svg,textarea,video{max-width:100%}.gf-header{isolation:isolate}.gf-header .brand{position:relative;z-index:32}.gf-menu-toggle{display:none}@media(max-width:767px){.gf-header.header{position:absolute;top:0;left:0;right:0;width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:100;min-height:76px}.gf-header .brand{font-size:23px;line-height:1;color:inherit}.gf-header .header-contact-cta{display:none}.gf-menu-toggle{position:relative;z-index:33;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;flex:none;background:#bdec65;border:0;border-radius:50%;cursor:pointer;padding:0;touch-action:manipulation}.gf-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#101416;transition:transform .2s ease,opacity .2s ease}.gf-menu-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.gf-menu-toggle.is-open span:nth-child(2){opacity:0}.gf-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.gf-header .gf-site-nav{display:none;position:absolute;top:68px;left:12px;right:12px;z-index:31;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px;background:#1a2222;border:1px solid #3d4946;border-radius:14px;box-shadow:0 18px 45px #0008;color:#f7f9f4}.gf-header .gf-site-nav.is-open{display:flex}.gf-header .gf-site-nav a{display:flex;align-items:center;min-height:54px;padding:12px 4px;font-size:15px;font-weight:700;letter-spacing:.07em;border-bottom:1px solid #394341;color:inherit}.gf-header .gf-site-nav a:last-child{border-bottom:0}.gioele-intro,.gioele-intro-main{min-height:0;width:100%;max-width:100%}.gioele-intro-main{display:flex;flex-direction:column}.gioele-intro-content{width:100%;min-width:0;order:1;padding:120px 22px 34px}.gioele-intro-content>div,.gioele-intro-content>div>div{min-width:0;max-width:100%}.gioele-intro-label{font-size:11px;margin-bottom:24px}.gioele-intro h1{font-size:clamp(55px,13vw,88px);line-height:.9;letter-spacing:-.07em;white-space:normal;overflow-wrap:normal;max-width:100%}.gioele-intro-lead{font-size:clamp(26px,6.7vw,39px);line-height:1.14;letter-spacing:-.04em}.gioele-intro-description{width:100%;max-width:100%;font-size:15px;line-height:1.65;overflow-wrap:break-word}.gioele-intro-description p{max-width:100%}.gioele-intro-buttons{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin:22px 0 28px}.gioele-intro-buttons a{width:100%;min-height:54px;padding:15px 20px;font-size:12px;gap:10px}.gioele-intro-facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 8px;gap:12px 8px;width:100%;max-width:100%;padding-top:18px}.gioele-intro-facts>span,.gioele-intro-facts>span:first-child{min-width:0;padding:0 6px 0 0;border:0;gap:8px;font-size:20px}.gioele-intro-facts small{font-size:10px;overflow-wrap:anywhere}.gioele-intro-photo{order:2;width:100%;min-height:0;height:115vw;max-height:650px;position:relative}.gioele-intro-photo img{object-position:center 15%}.gioele-work .section-head{padding:22px;gap:10px;flex-wrap:wrap;font-size:10px}.project-row{padding:20px 16px;min-height:0}.project-link{min-height:0}.project-top{grid-template-columns:28px minmax(0,1fr) 30px;gap:5px;align-items:start}.project-top h2{font-size:clamp(35px,9vw,65px);line-height:.95;overflow-wrap:anywhere}.project-top .arrow{font-size:28px}.visual{min-height:300px;margin:22px 0;max-width:100%}.visual-title{font-size:clamp(38px,10vw,70px);overflow-wrap:anywhere}.project-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px}.project-bottom p{margin:5px 0}footer{padding:50px 22px;min-height:60svh;gap:35px}footer>a:not(.contact-email){font-size:clamp(35px,10vw,70px);overflow-wrap:anywhere}.profile-page .about-gioele-copy{padding:120px 22px 48px}.about-gioele-inner{width:100%;max-width:100%}.about-gioele-copy{min-width:0}.about-gioele h2{font-size:clamp(40px,10.5vw,78px);white-space:normal;overflow-wrap:anywhere;line-height:1}.about-gioele-tagline{font-size:clamp(27px,7vw,44px)}.about-gioele-portrait{min-height:450px;height:115vw}.gf-contact-section{display:flex;flex-direction:column;gap:42px;padding:125px 20px 65px;min-height:0;width:100%}.gf-contact-heading,.gf-contact-panel{width:100%;min-width:0}.gf-contact-heading h1{font-size:clamp(49px,12vw,82px);overflow-wrap:anywhere}.gf-contact-email{margin-top:35px}.gf-contact-location{margin-top:25px}.gf-contact-panel{padding:24px 18px}.gf-contact-panel-heading{margin-bottom:30px}.gf-contact-two{grid-template-columns:1fr;gap:24px}.gf-contact-form{gap:24px}.gf-contact-form-bottom button{width:100%;min-height:54px}.gf-contact-footer{padding:28px 20px}.case-hero,.firinne-hero,.ss-hero{max-width:100%;min-width:0}.case-hero h1{font-size:clamp(55px,14vw,105px);overflow-wrap:anywhere}.case-intro{grid-template-columns:1fr;gap:25px}.case-intro>p{font-size:18px}.case-visual{height:65svh;padding:20px}.case-copy{padding:70px 22px}.case-copy h2{font-size:clamp(45px,11vw,78px);overflow-wrap:anywhere}.case-grid{gap:25px;margin-top:40px}.case-grid,.gallery{grid-template-columns:1fr}.gallery{padding:20px}.poster{min-height:350px}.next{padding:65px 22px}.next strong{font-size:clamp(42px,11vw,90px);overflow-wrap:anywhere}}@media(max-width:359px){.gioele-intro-content{padding-left:17px;padding-right:17px}.gioele-intro h1{font-size:clamp(48px,12.7vw,58px)}.gioele-intro-lead{font-size:25px}.gioele-intro-facts{grid-template-columns:1fr 1fr}.gf-contact-heading h1{font-size:46px}}@media(min-width:768px) and (max-width:1100px){.gf-header.header{padding:24px 28px;grid-template-columns:auto 1fr auto;gap:20px}.gf-header nav{justify-content:center;gap:clamp(12px,2vw,25px)}.gf-header nav a{font-size:12px}.gioele-intro-main{grid-template-columns:minmax(0,55%) minmax(0,45%)}.gioele-intro-content{min-width:0;padding:135px 20px 55px 35px}.gioele-intro h1{font-size:clamp(64px,8vw,95px)}.gioele-intro-lead{font-size:clamp(27px,3.3vw,43px)}.gioele-intro-description{font-size:15px}.gioele-intro-photo{min-height:700px}.gf-contact-section{padding-top:145px}}@media(prefers-reduced-motion:reduce){.gf-menu-toggle span{transition:none}}.pinna-monitor-image span{font-size:clamp(17px,3.15vw,48px);max-width:100%;line-height:1.05;overflow-wrap:normal;text-wrap:balance}.pinna-monitor-image small{font-size:clamp(9px,1.4vw,18px);line-height:1.45;max-width:100%;text-wrap:balance}.pinna-monitor-image{min-width:0;overflow:hidden}.pinna-mobile-image span{max-width:100%;overflow-wrap:break-word}@media(max-width:700px){.pinna-screens{min-height:unset;margin:38px auto 50px;padding:0 5% 12%;box-sizing:border-box}.pinna-monitor{width:100%;border-width:6px 6px 10px}.pinna-monitor-top span{font-size:clamp(6px,1.5vw,9px);letter-spacing:.08em}.pinna-monitor-image{padding:6%;aspect-ratio:16/10}.pinna-monitor-image span{font-size:clamp(13px,3.2vw,23px);line-height:1.1}.pinna-monitor-image small{font-size:clamp(7px,1.5vw,11px);letter-spacing:.04em}.pinna-mobile{width:24%;right:0;bottom:0;border-width:5px;border-radius:19px}.pinna-mobile-image span{font-size:clamp(10px,2.9vw,17px)}.pinna-mobile-image small{font-size:clamp(6px,1.5vw,10px)}}@media(max-width:390px){.pinna-monitor-image span{font-size:12px}.pinna-monitor-image small{font-size:7px}.pinna-mobile{width:25%}}