/* SZARA creative studio: layered project compositions and editorial typography. */
:root{--paper:#f4f1e9;--ink:#171918;--orange:#214eff;--sage:#dce3fb;--line:#cdd0c8;--muted:#585e5b;--cobalt:#214eff;--lime:#e5fb64}
body{background:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:var(--cobalt);color:white}.wrap{width:min(1360px,calc(100% - 96px))}header{background:#f4f1e9ed;backdrop-filter:blur(18px)}.nav{min-height:96px}.brand{font-size:38px;letter-spacing:-2.5px}.brand span{color:var(--cobalt)}.nav nav{gap:28px}.nav .button{border-radius:50px;padding:12px 22px;font-size:12px}.button{border-radius:50px;background:var(--cobalt);border-color:var(--cobalt);padding:15px 21px 15px 26px;gap:27px;min-height:58px;box-shadow:0 6px 0 #17298016;transition:transform .25s,box-shadow .25s,background .25s}.button>span{display:grid;place-items:center;background:#ffffff26;width:31px;height:31px;border-radius:50%;font-size:21px}.button:hover{background:#153cd8;transform:translateY(-3px);box-shadow:0 12px 24px #214eff24}.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.text-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px}.text-link:hover{color:var(--cobalt)}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7}.eyebrow::before{border-radius:0;transform:rotate(45deg);width:6px;height:6px}.edition{font:10px 'Courier New',monospace;letter-spacing:1.4px;color:var(--muted)}
.studio-hero{padding:34px 0 0;overflow:hidden}.studio-topline{display:flex;justify-content:space-between;align-items:center;margin:0 0 35px}.studio-topline p{margin:0}.hero-grid{grid-template-columns:1.03fr 1fr;gap:18px;align-items:center}.hero-copy{position:relative;z-index:3;padding-bottom:28px}.studio-hero h1{font-size:clamp(65px,6.4vw,99px);line-height:1.02;letter-spacing:-.075em;margin:12px -70px 33px 0;position:relative}.studio-hero h1 em{color:var(--cobalt);font-weight:400;letter-spacing:-.065em}.headline-dot{display:block;font:66px Georgia,serif;color:var(--cobalt);margin-top:14px;line-height:.8}.studio-hero .intro{font-size:17px;line-height:1.8;max-width:400px}.hero-actions{gap:25px;margin-top:28px}.studio-hero .micro{max-width:360px;font-size:12px;line-height:1.8;margin-top:26px}.hero-bottom{border-top:1px solid #bfc3be;margin-top:30px;padding:22px 0;font-size:10px;gap:20px;color:var(--muted)}.hero-bottom strong{display:block;font:700 11px Arial,sans-serif;letter-spacing:1.1px;margin-bottom:5px}.studio-stage{height:610px;margin-top:0;perspective:1100px;position:relative}.studio-stage::before{inset:75px -75px 55px 22px;border-radius:50%;background:radial-gradient(ellipse at 60% 40%,#5274ff 0%,#214eff 60%,#1636be 100%);box-shadow:inset 0 0 60px #acbaff40;transform:rotate(-15deg);z-index:-2}.scene-orbit{position:absolute;inset:50px -55px 35px 0;border:1px solid #214eff45;border-radius:50%;transform:rotate(22deg);z-index:-3}.scene-type{position:absolute;right:-10px;top:130px;color:#d0dbff;opacity:.24;font-size:100px;letter-spacing:-8px;line-height:.9;font-weight:900;transform:rotate(-12deg);z-index:-1}.studio-stage .desktop{top:160px;left:1%;width:96%;border:7px solid #282b36;border-radius:13px;transform:rotate(-9deg) rotateY(-9deg);box-shadow:8px 14px 0 #111522,22px 42px 50px #08164675;z-index:2}.studio-stage .browser-bar{height:28px;background:#eeeee8;font-size:8px}.studio-stage .browser-bar b{font-size:12px}.studio-stage .mini-browser{width:57%;right:-5%;bottom:93px;transform:rotate(11deg) rotateY(-8deg);border:5px solid #fffdf8;border-radius:8px;box-shadow:5px 8px 0 #969cac,14px 24px 38px #07164366;z-index:4}.studio-stage .mini-browser img{display:block;aspect-ratio:1.7;object-position:top}.campaign-cutout{position:absolute;width:41%;left:-1%;bottom:29px;z-index:5;background:white;padding:7px 7px 0;transform:rotate(-14deg);box-shadow:4px 6px 0 #d1d4ce,8px 18px 35px #111c373d;transition:transform .4s}.campaign-cutout img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}.campaign-cutout span{display:block;color:#2a322c;font-size:7px;text-transform:uppercase;letter-spacing:1px;padding:8px 4px}.studio-stage .sticker{background:var(--lime);right:-2%;top:48px;width:116px;height:116px;color:#171918;line-height:1.12;font-size:12px;transform:rotate(13deg);filter:drop-shadow(0 10px 10px #091b7b44);z-index:6}.scene-label{position:absolute;top:72px;left:4%;display:flex;align-items:center;gap:10px;background:#fffef9;padding:13px 20px 13px 11px;transform:rotate(-5deg);box-shadow:0 12px 30px #12173321;z-index:5;font-size:11px;line-height:1.45}.scene-label-icon{background:var(--cobalt);color:white;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:24px}.scene-label strong{font-weight:800}.scene-scribble{position:absolute;left:-5%;top:10px;width:160px;height:80px;z-index:4;transform:rotate(5deg)}.scene-scribble path{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.scene-index{position:absolute;bottom:12px;right:4%;font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}.scene-cross{font:32px 'Courier New',monospace;position:absolute;z-index:6;color:var(--cobalt)}.cross-one{top:0;right:22%}.cross-two{bottom:38px;right:7%}.studio-stage:hover .campaign-cutout{transform:rotate(-10deg) translateY(-5px)}
.studio-ribbon{display:flex;align-items:center;justify-content:center;gap:45px;background:var(--lime);padding:19px 24px;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:2px;overflow:hidden;white-space:nowrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.studio-ribbon b{font-size:28px;line-height:1;font-weight:400}.section{padding:110px 0}.section-top{margin-bottom:65px}.section-top h2{font-size:clamp(47px,5.7vw,82px);line-height:1.03;letter-spacing:-.07em}.section-top h2 em{font-weight:400}.services{background:#171918;position:relative;overflow:hidden}.services::after{content:'✳';position:absolute;right:-60px;top:-190px;font:480px Georgia,serif;color:#ffffff05;pointer-events:none}.services h2 em{color:#dfea99}.services .eyebrow::before{background:var(--lime)}.service-grid{border-top:1px solid #ffffff35}.service{position:relative;padding-top:36px;padding-right:35px}.service+.service{border-color:#ffffff35}.service .number{font:10px 'Courier New',monospace;letter-spacing:1.2px}.service h3{font-size:64px;letter-spacing:-4px;margin-top:40px}.service h3 span{letter-spacing:.3px;font-size:13px;color:var(--lime)}.service a{padding:12px 0;border-bottom:1px solid #b3bdb155;text-decoration:none;transition:color .2s}.service a:hover{color:var(--lime)}
#work{background:#ebece6}.work-grid{gap:65px 38px;align-items:start}.project:nth-child(even){margin-top:90px}.project-visual{height:340px;padding:48px 25px 35px;align-items:center;border-radius:12px;background:#bdcaff;overflow:visible;isolation:isolate;position:relative}.project-visual::before{content:'';position:absolute;inset:20px;border:1px solid #ffffff70;border-radius:7px;z-index:-1}.project:nth-child(2) .project-visual{background:#e5c2a6}.project:nth-child(3) .project-visual{background:#d7e5a2}.project-visual img{border:7px solid #fffdf8;border-radius:7px;transform:perspective(800px) rotateY(10deg) rotate(-6deg);box-shadow:7px 10px 0 #141926,16px 30px 35px #10172245;width:100%;transition:transform .45s,box-shadow .45s}.project:nth-child(2) .project-visual img{transform:perspective(800px) rotateY(-10deg) rotate(6deg);box-shadow:-7px 10px 0 #382821,10px 30px 35px #10172245}.project-visual:hover img,.project:nth-child(2) .project-visual:hover img{transform:perspective(800px) rotateY(0deg) rotate(0deg) translateY(-7px);box-shadow:0 8px 0 #141926,0 30px 40px #10172240}.project-meta{margin-top:32px;font:10px 'Courier New',monospace;letter-spacing:1px}.project h3{font-size:30px;letter-spacing:-1px}.project p{font-size:15px;line-height:1.75;max-width:480px}.tool-visual{height:340px;border-radius:12px;background:#163ddd;padding:35px;box-shadow:inset 0 0 60px #b7c8ff20;position:relative;overflow:hidden}.tool-visual::after{content:'↗';position:absolute;right:17px;top:5px;font:170px Arial,sans-serif;color:#ffffff12;line-height:1}.tool-visual .tool-title{font-size:65px;letter-spacing:-4px}.tool-visual .eyebrow::before{background:var(--lime)}.tool-line{border-color:#ffffff40!important}.tool-line b{color:var(--lime)!important}.work-more{margin-top:80px}.work-row{padding:30px 0}.work-row h3{font-size:25px}.row-arrow{font-size:25px!important;color:var(--cobalt)!important}.work-note .text-link{font-size:12px}.problem{background:#e2e7dc}.problem h2{font-size:clamp(48px,5.7vw,80px)}.problem h2 em{color:#214eff}.problem-list li{font-size:22px;padding:25px 0}.offer-strip{border-radius:8px;background:#f7f7ef;border:0;padding:35px 40px;box-shadow:0 12px 40px #303c1910}.about-grid{position:relative;grid-template-columns:1.1fr 1fr;gap:90px;padding-top:35px;padding-bottom:35px}.about-watermark{position:absolute;left:0;top:-48px;font-size:clamp(80px,12vw,180px);font-weight:900;letter-spacing:-.08em;color:#dedfd5;line-height:1;z-index:0;pointer-events:none}.team-photo{position:relative;z-index:1;margin:0;min-width:0;padding:12px;background:white;transform:rotate(-4deg);box-shadow:16px 18px 0 #214eff,24px 30px 45px #17234526}.team-photo::after{content:'WITH SZARA.';position:absolute;left:-20px;bottom:25px;background:var(--lime);padding:12px 25px;font-size:14px;letter-spacing:1.5px;font-weight:800;transform:rotate(2deg);box-shadow:3px 5px 12px #1112}.team-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transform:none;border-radius:0;box-shadow:none}.about-copy{position:relative;z-index:2}.about-copy h2{font-size:clamp(42px,4.6vw,65px)}.about-copy .eyebrow{font-size:9px}.about-copy p{font-size:15px}.contact{background:var(--cobalt);color:var(--paper);position:relative;overflow:hidden}.contact::before{content:'↗';position:absolute;left:22%;bottom:-160px;font:620px Arial,sans-serif;line-height:1;color:#ffffff07;pointer-events:none}.contact .eyebrow::before{background:var(--lime)}.contact h2{font-size:clamp(60px,7.2vw,102px);line-height:1}.contact h2 em{color:var(--lime)}.contact .contact-grid{position:relative;z-index:1;align-items:center}.brief{color:var(--ink);padding:36px;border-radius:12px;box-shadow:12px 12px 0 #102688}.brief h3{font-size:29px}.brief input,.brief select,.brief textarea{border:1px solid #c3c7bb;border-radius:4px}.brief .button{box-shadow:none}.contact-links{font-size:13px}.footer{background:#171918;color:var(--paper);padding:45px 0 25px}.footer .brand span{color:var(--lime)}.footer-bottom{border-color:#ffffff30;color:#c3c7be}.footer-top>span{max-width:260px}.package{background:#171918}.package .eyebrow::before{background:var(--lime)}.package h2 em{color:var(--lime)}.price{font-size:95px;letter-spacing:-5px}.care-price{color:var(--lime)}.scope-list li::before{color:var(--lime)}.landing .studio-hero h1{font-size:clamp(65px,6.3vw,94px);line-height:.98}.landing .studio-stage{height:630px}.landing-proof .project-visual{height:310px}.landing .micro a{font-weight:700}.steps{gap:50px}.step{border-top:2px solid var(--cobalt)}.step>span{font:10px 'Courier New',monospace;letter-spacing:1px;color:var(--cobalt)}.step h3{font-size:30px}.faq summary{font-size:19px}.section-cream{background:#e6e9df}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.studio-hero h1{font-size:7.2vw;margin-right:-40px}.studio-stage,.landing .studio-stage{height:570px}.studio-stage .desktop{top:170px}.studio-stage .mini-browser{bottom:120px}.campaign-cutout{bottom:65px}.scene-label{left:0;top:90px}.scene-scribble{top:22px}.studio-stage .sticker{top:70px;width:98px;height:98px;font-size:10px}.scene-type{font-size:80px;top:165px}.section{padding:90px 0}.service h3{font-size:52px}.project-visual,.landing-proof .project-visual{height:275px}.about-grid{gap:65px}.studio-ribbon{gap:28px;font-size:10px}.nav nav{gap:18px}.scene-index{bottom:32px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero-grid{grid-template-columns:1fr}.studio-topline{margin-bottom:20px}.edition{display:none}.hero-copy{padding-bottom:0}.studio-hero h1{font-size:clamp(63px,10.7vw,94px);margin-right:0;max-width:750px}.headline-dot{position:absolute;right:8px;bottom:0;font-size:58px}.studio-hero .intro{max-width:490px}.studio-stage,.landing .studio-stage{height:590px;max-width:650px;width:100%;margin:20px auto 0}.studio-stage::before{inset:65px 0 55px}.scene-orbit{inset:42px 10px 33px -10px}.studio-stage .desktop{width:87%;left:4%;top:150px}.studio-stage .mini-browser{width:51%;right:0;bottom:100px}.campaign-cutout{width:36%;bottom:50px;left:5%}.studio-stage .sticker{right:4%;top:45px;width:115px;height:115px;font-size:11px}.scene-label{left:10%;top:60px}.scene-scribble{left:4%;top:0}.scene-type{right:11%;font-size:95px}.scene-index{right:12%;bottom:20px}.hero-bottom{margin-top:25px}.hero-bottom span{flex:1}.studio-ribbon{justify-content:flex-start;gap:28px}.service-grid{gap:30px}.service+.service{padding-top:30px}.service h3{font-size:57px}.service ul{columns:2}.work-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.project:nth-child(even){margin-top:65px}.project-visual,.landing-proof .project-visual{height:220px;padding:25px 15px}.project h3{font-size:24px}.project p{font-size:14px}.tool-visual{height:220px;padding:23px}.tool-visual .tool-title{font-size:46px}.tool-visual .tool-line{font-size:9px}.tool-visual .eyebrow{font-size:8px}.project-meta{font-size:8px;letter-spacing:.6px}.about-grid{grid-template-columns:1fr;gap:70px}.team-photo{width:calc(100% - 35px);max-width:600px;margin:auto}.about-copy{max-width:650px}.about-watermark{top:-10px;font-size:17vw}.contact .contact-grid{grid-template-columns:1fr}.contact h2{font-size:76px}.brief{max-width:650px;width:calc(100% - 12px)}.footer-top{gap:22px}.landing .studio-hero h1{font-size:clamp(67px,11vw,94px)}.landing .studio-hero h1 br:nth-child(2){display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav{min-height:82px}.nav .brand{font-size:33px}.nav nav>.text-link{display:none}.nav .button{min-height:43px;padding:10px 14px;font-size:10px;gap:12px}.nav .button>span{width:22px;height:22px;font-size:17px}.studio-hero{padding-top:26px}.studio-topline .eyebrow{font-size:8px;letter-spacing:1.4px}.studio-hero h1{font-size:clamp(47px,11.5vw,69px);line-height:1.05;margin:20px 0 28px}.headline-dot{position:static;display:inline-block;font-size:34px;margin:0 0 0 10px}.studio-hero .intro{font-size:15px;line-height:1.7;max-width:360px}.hero-actions{gap:22px;align-items:center}.hero-actions .button{padding:12px 16px 12px 20px;font-size:12px;min-height:54px;width:auto}.hero-actions .text-link{font-size:11px}.studio-hero .micro{font-size:11px;margin-top:23px}.studio-stage,.landing .studio-stage{height:420px;margin-top:32px}.studio-stage::before{inset:55px -15px 40px 0}.scene-orbit{inset:40px 0 28px -9px}.studio-stage .desktop{top:123px;width:90%;left:1%;border-width:4px;border-radius:8px;box-shadow:4px 8px 0 #121627,15px 25px 35px #0b19495e}.studio-stage .browser-bar{height:19px;font-size:5px;padding:0 5px}.studio-stage .browser-bar i{width:3px;height:3px}.studio-stage .mini-browser{bottom:72px;width:55%;right:-1%;border-width:3px;box-shadow:3px 6px 0 #a6abbb,10px 18px 22px #07164355}.campaign-cutout{bottom:30px;width:40%;left:2%;padding:4px 4px 0}.campaign-cutout span{font-size:5px;padding:6px 2px;letter-spacing:.4px}.studio-stage .sticker{top:25px;right:0;width:83px;height:83px;font-size:8px}.scene-label{top:55px;left:1%;padding:8px 11px 8px 7px;font-size:8px;gap:7px}.scene-label-icon{height:24px;width:24px;font-size:17px}.scene-scribble{width:110px;left:0;top:-7px}.scene-type{font-size:66px;right:4%;top:140px;letter-spacing:-5px}.scene-index{font-size:6px;right:4%;bottom:2px}.cross-one{font-size:25px;right:25%;top:-2px}.cross-two{bottom:20px;font-size:25px}.hero-bottom{display:grid;grid-template-columns:1fr;gap:12px;padding:20px 0;margin-top:20px}.hero-bottom span{display:flex;justify-content:space-between;gap:14px;font-size:9px}.hero-bottom strong{font-size:9px;margin:0}.studio-ribbon{padding:14px 20px;gap:22px;font-size:9px;letter-spacing:1px}.studio-ribbon b{font-size:22px}.section{padding:70px 0}.section-top{margin-bottom:35px}.section-top h2{font-size:48px}.section-top>p{font-size:14px}.service h3{font-size:54px;margin-top:20px}.service p{font-size:14px}.service ul{columns:1;font-size:13px}.service a{font-size:12px}.work-grid{grid-template-columns:1fr;gap:45px}.project:nth-child(even){margin-top:0}.project-visual,.landing-proof .project-visual{height:260px;padding:30px 21px}.project h3{font-size:27px}.project-meta{font-size:9px;margin-top:27px}.tool-visual{height:260px;padding:28px}.tool-visual .tool-title{font-size:55px}.tool-visual .tool-line{font-size:11px}.work-more{margin-top:50px}.work-row h3{font-size:21px}.work-row p{font-size:13px}.problem h2{font-size:49px}.problem-list li{font-size:18px;padding:21px 0}.offer-strip{padding:26px;gap:25px}.offer-strip h3{font-size:24px}.offer-strip p{font-size:13px}.offer-strip .button{font-size:12px}.about-grid{gap:55px;padding:25px 0 0}.about-watermark{top:-5px;font-size:18vw}.team-photo{padding:7px;box-shadow:10px 12px 0 var(--cobalt),20px 25px 30px #17234526}.team-photo::after{font-size:10px;padding:9px 17px;left:-10px;bottom:18px}.about-copy h2{font-size:43px}.about-copy p{font-size:14px}.contact h2{font-size:62px}.contact p{font-size:15px}.brief{padding:25px;border-radius:8px;box-shadow:8px 8px 0 #102688}.brief h3{font-size:26px}.brief p{font-size:12px}.brief .button{font-size:12px}.footer-top>span{font-size:11px}.footer-bottom{font-size:10px;flex-wrap:wrap}.landing .studio-hero h1{font-size:clamp(57px,13vw,77px)}.landing .micro{font-size:12px}.package h2{font-size:48px}.price{font-size:80px}.care-price{font-size:26px}.steps{gap:33px}.step h3{font-size:27px}.faq summary{font-size:17px}}
@media(prefers-reduced-motion:reduce){.studio-stage *,.project-visual img{transition:none!important;animation:none!important}}

/* Customer review: clear navigation, legible forms and decision support. */
.mobile-jumps{display:none}.fit-section{padding:70px 0;background:var(--lime)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.fit-grid h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:0}.fit-grid h3{font-size:25px}.fit-grid p:last-child{margin-bottom:0}.next-steps{padding-left:22px;max-width:420px;font-size:15px;line-height:1.7}.next-steps li{padding:5px 0 5px 8px}.contact-links a{display:inline-block;padding:10px 0;overflow-wrap:anywhere}.brief input,.brief textarea,.brief select{font-size:16px}.brief label{font-size:13px}.brief .form-fallback{font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.form-fallback a{font-weight:700}.nav nav a:hover{color:var(--cobalt)}.nav nav .button:hover{color:white}:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}.contact :focus-visible,.services :focus-visible,.package :focus-visible,.footer :focus-visible{outline-color:var(--lime)}.brief :focus-visible{outline-color:var(--cobalt)}.project .text-link{display:inline-block;padding:8px 0}.work-row>span:first-child{overflow-wrap:anywhere}.team-photo::after{content:'A LITTLE LESS JUGGLING.'}
@media(max-width:900px){.mobile-jumps{display:flex;justify-content:center;gap:26px;border-top:1px solid var(--line);padding:0 16px}.mobile-jumps a{font-size:12px;font-weight:700;padding:13px 0;text-decoration:none}.fit-grid{grid-template-columns:1fr;gap:28px}.work-row{grid-template-columns:1fr 25px;gap:8px 12px}.work-row>span:first-child{grid-column:1;font-size:10px}.work-row h3{grid-column:1;grid-row:2;margin:0}.work-row p{grid-column:1;grid-row:3;margin:0}.work-row .row-arrow{grid-column:2;grid-row:2}.section-top h2{max-width:100%}}
@media(max-width:600px){.studio-hero .micro{font-size:12px}.studio-stage,.landing .studio-stage{height:365px;margin-top:20px}.studio-stage .desktop{top:105px}.studio-stage .mini-browser{bottom:55px}.campaign-cutout{bottom:20px}.scene-label{top:40px}.studio-stage .sticker{top:15px}.scene-index{bottom:0}.hero-bottom{margin-top:12px}.fit-section{padding:50px 0}.section{padding:58px 0}.brief{padding:23px}.contact h2{font-size:clamp(48px,13vw,62px)}.project-visual,.landing-proof .project-visual{height:225px}.mobile-jumps{gap:20px}.contact-links{font-size:14px}.hero-actions .button{font-size:12px}.section-top h2{font-size:clamp(40px,11.5vw,48px)}}

/* Oversized photographic cutout: subject sits in front of and above the frame. */
.pour-stage{height:620px;width:100%;margin:0;position:relative;isolation:isolate}.pour-stage::before{display:none}.pour-frame{position:absolute;left:8%;right:-3%;top:155px;bottom:55px;background:var(--cobalt);border:3px solid var(--ink);border-radius:16px;transform:rotate(5deg);box-shadow:14px 16px 0 #171918;overflow:hidden;z-index:0}.pour-bar{height:36px;border-bottom:2px solid var(--ink);background:var(--lime);display:flex;align-items:center;gap:5px;padding:0 12px;font:8px 'Courier New',monospace;color:var(--ink)}.pour-bar i{width:5px;height:5px;border:1px solid var(--ink);border-radius:50%}.pour-bar span{margin:auto}.pour-bar b{font-size:19px}.pour-word{display:block;color:#b9ccff;font-size:100px;font-weight:900;line-height:.86;letter-spacing:-7px;padding:35px 20px;opacity:.35}.pour-person{position:absolute;z-index:2;width:139%;max-width:none;left:-22%;bottom:20px;filter:drop-shadow(13px 16px 9px #0b12414d);pointer-events:none}.pour-star{position:absolute;top:15px;right:6%;color:var(--cobalt);font:120px Georgia,serif;transform:rotate(15deg);z-index:1}.pour-project{position:absolute;z-index:4;background:#fffdf8;padding:7px 7px 0;width:39%;box-shadow:5px 6px 0 #171918,10px 18px 22px #1114;border:1px solid var(--ink);border-radius:5px;text-decoration:none;transition:transform .2s}.pour-project img{width:100%;height:auto}.pour-project span{display:block;font:8px 'Courier New',monospace;padding:8px 2px;color:var(--ink)}.pour-kmca{left:-4%;bottom:37px;transform:rotate(-12deg)}.pour-dale{right:-4%;bottom:8px;transform:rotate(11deg)}.pour-project:hover{transform:rotate(0) translateY(-5px)}.pour-note{position:absolute;right:-2%;top:94px;z-index:5;background:var(--lime);color:var(--ink);font-size:13px;line-height:1.3;padding:15px 19px;transform:rotate(9deg);box-shadow:4px 5px 0 var(--ink)}.pour-note em{font-size:23px}.pour-caption{position:absolute;bottom:-25px;left:10%;font:8px 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}
@media(min-width:721px) and (max-width:1100px){.studio-hero .hero-grid{grid-template-columns:1fr 1fr;gap:20px}.studio-hero h1,.landing .studio-hero h1{font-size:clamp(45px,6.2vw,68px);margin-right:0}.studio-hero .intro{font-size:15px;line-height:1.65}.headline-dot{position:static;font-size:38px;display:block;margin-top:12px}.pour-stage{height:540px}.pour-frame{top:165px;bottom:68px}.pour-person{width:158%;left:-30%;bottom:43px}.pour-word{font-size:70px}.pour-star{top:70px;font-size:90px}.pour-note{top:127px;font-size:11px;padding:12px}.pour-note em{font-size:19px}.pour-project{width:43%}.pour-kmca{bottom:36px}.pour-dale{bottom:10px}.pour-caption{font-size:6px;bottom:-12px}.studio-hero .hero-actions{gap:16px}.studio-hero .hero-actions .button{font-size:12px;padding:12px 15px}.studio-hero .hero-actions .text-link{font-size:12px}.landing .studio-hero h1 br:nth-child(2){display:initial}}
@media(max-width:720px){.pour-stage{height:470px;margin:10px auto 30px;max-width:530px}.pour-frame{top:130px;bottom:50px;left:8%;right:2%}.pour-person{width:125%;left:-13%;bottom:25px}.pour-star{top:0;right:5%;font-size:100px}.pour-note{top:60px;right:1%}.pour-kmca{left:0;bottom:25px}.pour-dale{right:0;bottom:0}.pour-word{font-size:84px}.pour-caption{left:12%;bottom:-27px}.studio-hero .hero-bottom{margin-top:0}.studio-hero .intro{max-width:100%}}
@media(max-width:450px){.pour-stage{height:350px;margin-top:0}.pour-frame{top:100px;bottom:40px}.pour-person{width:140%;left:-20%;bottom:30px}.pour-note{font-size:10px;padding:10px;top:47px;right:0}.pour-note em{font-size:17px}.pour-star{font-size:76px;top:0;right:8%}.pour-word{font-size:65px;padding:20px 10px}.pour-bar{height:27px;font-size:5px;padding:0 8px}.pour-project{padding:4px 4px 0;width:41%}.pour-project span{font-size:6px;padding:6px 1px}.pour-kmca{bottom:25px}.pour-dale{bottom:4px}.pour-caption{font-size:6px;bottom:-21px}.studio-hero .micro{margin-top:16px}.studio-hero h1{margin-top:12px;margin-bottom:20px}.studio-hero .hero-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.pour-project{transition:none}}