/* Alma Mia Design · V7 responsive refinement */
:root{--shadow-soft:0 24px 70px rgba(17,18,22,.08)}
body{overflow-x:hidden}
nav{box-shadow:0 1px 0 rgba(16,17,20,.035)}
.nav{height:84px}.brand{letter-spacing:-1.2px}.links{gap:28px}.links a:not(.cta){position:relative}.links a:not(.cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--accent);transition:.25s}.links a:not(.cta):hover:after{right:0}
.hero{padding-top:82px}.hero p{max-width:700px}.actions .btn{transition:transform .25s,box-shadow .25s,background .25s}.actions .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,17,20,.12)}
.proof{justify-content:space-between}.proof>div{min-width:180px}.section-head{align-items:end}.card{border-color:rgba(16,17,20,.08);box-shadow:0 1px 0 rgba(255,255,255,.7) inset}.card h3{font-size:26px}.card p{font-size:15px}.dark{position:relative;overflow:hidden}.dark:after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-360px;top:-250px;background:radial-gradient(circle,rgba(103,86,255,.14),transparent 67%);pointer-events:none}.dark .wrap{position:relative;z-index:1}.lab{box-shadow:inset 0 1px rgba(255,255,255,.04)}.project{box-shadow:inset 0 0 0 1px rgba(16,17,20,.035)}.final-box{box-shadow:0 28px 80px rgba(103,86,255,.22)}

/* Showcase: mobile is a real responsive viewport, not a shrunk desktop screenshot */
.work-showcase{background:linear-gradient(180deg,#f4f2ed 0%,#eeece6 100%)}
.work-stage{min-height:670px;box-shadow:0 30px 90px rgba(17,18,22,.14)}
.device-scene{min-height:475px}
.phone-screen{position:relative;background:#f7f7f5}
.mobile-demo{position:absolute;inset:0;overflow:hidden;background:var(--m-bg,#f8f7f3);color:var(--m-ink,#101114);font-family:Inter,sans-serif}
.mobile-demo *{box-sizing:border-box}.mobile-demo .m-nav{height:8%;min-height:34px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08);font-size:5.5px;font-weight:800;letter-spacing:.04em}.mobile-demo .m-brand{font-family:"Space Grotesk",sans-serif;font-size:9px;letter-spacing:-.04em}.mobile-demo .m-menu{width:16px;height:12px;display:grid;align-content:space-between}.mobile-demo .m-menu i{height:1px;background:currentColor;display:block}.mobile-demo .m-hero{height:48%;padding:9% 7% 6%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.mobile-demo .m-kicker{font-size:5px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:5px}.mobile-demo h4{font-family:"Space Grotesk",sans-serif;font-size:17px;line-height:.93;letter-spacing:-.06em;margin:0 0 7px}.mobile-demo p{font-size:6.2px;line-height:1.45;margin:0;opacity:.75}.mobile-demo .m-button{display:inline-flex;margin-top:8px;align-self:flex-start;padding:5px 8px;border-radius:20px;background:var(--m-accent,#6756ff);color:#fff;font-size:5.5px;font-weight:800}.mobile-demo .m-content{height:44%;padding:7%;display:grid;gap:5px;align-content:start}.mobile-demo .m-card{border-radius:8px;padding:8px;background:#fff;border:1px solid rgba(0,0,0,.07)}.mobile-demo .m-card b{display:block;font-family:"Space Grotesk",sans-serif;font-size:8px;line-height:1.05;margin-bottom:3px}.mobile-demo .m-card span{font-size:5.5px;opacity:.66;line-height:1.35;display:block}.mobile-demo .m-image{position:absolute;inset:0;background-size:cover;background-position:center}.mobile-demo .m-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.76),rgba(0,0,0,.04) 65%)}.mobile-demo .m-image+*{position:relative;z-index:1}.mobile-demo.theme-dark{--m-bg:#03182b;--m-ink:#fff}.mobile-demo.theme-dark .m-nav{background:#03182b;border-color:rgba(255,255,255,.12)}.mobile-demo.theme-dark .m-content{background:#03182b}.mobile-demo.theme-dark .m-card{background:#09213a;border-color:rgba(255,255,255,.08)}.mobile-demo.theme-green{--m-bg:#f4f1e7;--m-ink:#0d4736;--m-accent:#0d4736}.mobile-demo.theme-green .m-hero{background:#e9eadc}.mobile-demo.theme-green .m-card{background:#fbfaf6}.mobile-demo.theme-mestura{--m-bg:#fbf6ef;--m-ink:#211815;--m-accent:#c83265}.mobile-demo.theme-mestura .m-hero{color:#fff;padding-bottom:9%}.mobile-demo.theme-boaz{--m-bg:#090a0b;--m-ink:#fff;--m-accent:#b7ff16}.mobile-demo.theme-boaz .m-nav{background:#090a0b;border-color:#242629}.mobile-demo.theme-boaz .m-hero{background:radial-gradient(circle at 50% 25%,#30360f,#090a0b 65%)}.mobile-demo.theme-boaz .m-button{color:#0a0b0b}.mobile-demo.theme-boaz .m-content{background:#090a0b;grid-template-columns:1fr 1fr}.mobile-demo.theme-boaz .m-card{background:#141618;border-color:#282b2e}.mobile-demo .m-badge{width:38px;height:38px;border-radius:50%;background:var(--m-accent);position:absolute;right:8%;top:10%;opacity:.16}.mobile-demo .m-lines{display:grid;gap:4px;margin-top:6px}.mobile-demo .m-lines i{height:3px;border-radius:4px;background:currentColor;opacity:.12}.mobile-demo .m-lines i:nth-child(2){width:78%}.mobile-demo .m-lines i:nth-child(3){width:60%}

@media(max-width:900px){.nav{height:72px}.hero{min-height:auto;padding-top:70px}.grid{gap:10px}.experience{gap:50px}.work-intro{align-items:start}}
@media(max-width:650px){
 .wrap{width:calc(100% - 32px)} nav{background:rgba(246,245,242,.95)} .nav{height:64px}.mobile-menu{inset:64px 0 auto 0}.menu-btn{padding:10px 0}
 .hero{padding:48px 0 42px}.hero:after{width:330px;height:330px;right:-180px;top:40px}h1{font-size:clamp(44px,13.5vw,62px);letter-spacing:-.055em;margin:18px 0 22px}.hero p{font-size:16px;line-height:1.55}.actions{display:grid;grid-template-columns:1fr;margin-top:28px}.actions .btn{justify-content:center;width:100%}.proof{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:38px}.proof>div:last-child{grid-column:1/-1}.proof b{font-size:24px}.proof small{font-size:11px}
 section{padding:64px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:42px}.lead{font-size:16px}.grid{gap:10px}.card{border-radius:19px;padding:23px}.card h3{font-size:23px}.dark{padding-top:70px}.statement{font-size:41px;line-height:1.01}.flow{gap:7px;margin-top:30px}.pill{padding:10px 13px;font-size:11px}.lab{margin-top:28px;border-radius:22px}.lab h3{font-size:30px}.big20{font-size:92px}.experience p{font-size:16px}.project{min-height:260px;padding:26px;border-radius:20px}.project h3{font-size:27px}.final-box h2{font-size:39px}.foot{display:grid;gap:8px}
 .work-showcase{padding:64px 0 60px}.work-showcase .work-intro{margin-bottom:28px}.work-showcase h2{font-size:50px}.work-showcase .work-copy{font-size:15px}.work-stage{padding:14px;border-radius:22px;min-height:650px}.work-stage-head{margin-bottom:12px}.device-scene{min-height:420px;display:block;padding:0}.desktop-device{width:100%;margin-top:0}.desktop-frame{padding:5px}.desktop-screen{aspect-ratio:16/9}.phone-device{width:150px;right:8px;bottom:8px;padding:5px;border-radius:25px;transform:none}.phone-screen{border-radius:20px}.work-meta{margin-top:15px;padding-top:16px;grid-template-columns:1fr}.work-name{font-size:27px}.work-line{max-width:none;font-size:11px}.work-nav{position:absolute;right:14px;top:52px;z-index:5}.work-nav button{width:38px;height:38px;font-size:16px;background:rgba(17,17,20,.8);backdrop-filter:blur(10px)}.work-tabs{margin-top:10px;scrollbar-width:none}.work-tabs::-webkit-scrollbar{display:none}.work-tab{min-width:118px}.work-close{padding-top:46px}.work-close strong{font-size:39px}
}
@media(max-width:390px){.phone-device{width:138px}.device-scene{min-height:385px}.work-stage{min-height:620px}.work-showcase h2{font-size:46px}}