/* Hallmark · theme: custom MissaciWeb studio · idea: business goals become a tangible digital composition · Apple material and interruptible motion */
:root{--studio-glass:rgba(20,27,46,.78);--studio-glass-edge:rgba(234,241,255,.23);--studio-glass-top:rgba(234,241,255,.3);--studio-back:rgba(55,125,255,.08);--studio-rule:rgba(234,241,255,.08);--studio-blue-soft:rgba(55,125,255,.13);--studio-highlight:linear-gradient(125deg,rgba(234,241,255,.12),rgba(234,241,255,.015) 42%,rgba(234,241,255,.025));--studio-shadow:0 24px 80px -36px rgba(0,0,0,.62),inset 0 1px 0 rgba(234,241,255,.18);--studio-motion-ease:cubic-bezier(.22,1,.36,1);--studio-horizon:linear-gradient(90deg,transparent,rgba(234,241,255,.12),rgba(234,241,255,.05),transparent)}
.studio-hero{position:relative;isolation:isolate;min-height:800px;min-height:min(100svh,920px);padding-block:156px 88px;background:var(--bg);color:var(--text);overflow:clip}.studio-hero:before,.studio-hero:after{display:none}.studio-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}.studio-monogram{position:absolute;width:760px;height:760px;max-width:none;left:51%;top:10px;opacity:.13;transform:perspective(1200px) rotateY(-24deg) rotateZ(-9deg);filter:saturate(.7)}.studio-axis{position:absolute;background:var(--studio-rule);transform-origin:center}.studio-axis-one{height:1px;width:1100px;top:56%;left:40%;transform:rotate(-16deg)}.studio-axis-two{height:700px;width:1px;top:10%;left:80%;transform:rotate(-16deg)}.studio-horizon{position:absolute;left:38%;right:0;height:1px;bottom:16%;background:var(--studio-horizon)}.studio-hero-inner{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:76px;align-items:center}.studio-heading{position:relative;z-index:2}.studio-heading h1{font-size:clamp(2.8rem,5.4vw,4.9rem);font-weight:600;line-height:1.09;max-width:14ch;letter-spacing:-.045em}.studio-heading .lead{max-width:36ch;color:var(--muted);font-size:1.18rem}.studio-heading .actions{margin-top:var(--space-xl)}.studio-heading .hero-note{max-width:41ch;color:var(--muted);font-size:.85rem;line-height:1.6}.studio-scene{position:relative;perspective:1100px;min-width:0;height:550px;display:flex;align-items:center;justify-content:center;transform-style:flat}.studio-sheet{position:absolute;inset:28px 10px 38px;border:1px solid var(--studio-glass-edge);border-radius:28px;background:var(--studio-back);pointer-events:none;transform-origin:50% 80%;box-shadow:inset 0 1px 0 var(--studio-glass-top)}.studio-sheet span{position:absolute;left:28px;bottom:18px;font-size:.72rem;color:var(--muted)}.studio-sheet-back{transform:translate(24px,-30px) rotate(7deg) scale(.96);opacity:.32}.studio-sheet-middle{transform:translate(-14px,-18px) rotate(-4deg) scale(.98);opacity:.45}.studio-composer{position:relative;width:100%;border-radius:var(--radius-card);padding:var(--space-lg) 28px;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);background:var(--studio-highlight),var(--studio-glass);border:1px solid var(--studio-glass-edge);box-shadow:var(--studio-shadow);transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);transform-origin:center;min-width:0}.studio-composer-head{display:flex;justify-content:space-between;gap:var(--space-md);align-items:center;color:var(--text);font-size:.82rem;margin-bottom:var(--space-lg)}.studio-brand-caption{color:var(--muted);font-size:.72rem}.studio-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:4px;padding-bottom:var(--space-md)}.studio-tab{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:10px;flex:1;color:var(--muted);font-size:.82rem;text-decoration:none;white-space:nowrap;transition:background-color 180ms var(--studio-motion-ease),color 180ms var(--studio-motion-ease)}.studio-tab:hover{color:var(--text);background:var(--studio-blue-soft)}.studio-tab.is-selected{color:var(--text);background:var(--studio-blue-soft);box-shadow:inset 0 0 0 1px var(--line)}.studio-panels{height:392px;position:relative;margin-top:var(--space-lg)}.studio-panel{height:100%;display:flex;flex-direction:column;margin:0}.studio-panel:not([data-default]){display:none}.is-ready .studio-panel{display:flex}.is-ready .studio-panel[hidden]{display:none}.studio-panel h2{font-size:1.35rem;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:20px 0 var(--space-sm);max-width:28ch}.studio-panel p{font-size:.9rem;line-height:1.65;color:var(--muted);margin:0;max-width:45ch}.studio-panel ul{display:flex;flex-wrap:wrap;gap:var(--space-sm) 20px;padding:0;list-style:none;font-size:.72rem;margin:20px 0 0;color:var(--muted)}.studio-panel li{position:relative}.studio-plan-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:auto;padding-top:20px;border-top:1px solid var(--line);text-decoration:none;font-size:.86rem;color:var(--text)}.studio-plan-link svg{color:var(--cyan);transition:transform 180ms var(--studio-motion-ease)}.studio-plan-link:hover svg{transform:translateX(4px)}.studio-composition{position:relative;flex-shrink:0;height:112px;border-bottom:1px solid var(--line);overflow:clip;padding:4px 0 var(--space-lg)}.studio-composition-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.045em;color:var(--text);display:block;max-width:15ch}.studio-composition-line{display:block;width:57%;height:3px;border-radius:2px;background:var(--studio-rule);margin-top:var(--space-sm)}.studio-composition-line.is-short{width:36%;margin-top:var(--space-xs)}.studio-scene-caption{position:absolute;bottom:-16px;left:12px;font-size:.75rem;color:var(--muted);margin:0}.js .studio-monogram{animation:studio-identity-arrives 1400ms var(--studio-motion-ease) both}.js .studio-sheet-back{animation:studio-back-arrives 1000ms var(--studio-motion-ease) both}.js .studio-sheet-middle{animation:studio-middle-arrives 900ms var(--studio-motion-ease) both}
@keyframes studio-identity-arrives{from{opacity:0;transform:perspective(1200px) rotateY(-12deg) rotateZ(-4deg) translateY(28px)}to{opacity:.13;transform:perspective(1200px) rotateY(-24deg) rotateZ(-9deg) translateY(0)}}@keyframes studio-back-arrives{from{opacity:0;transform:translate(0,8px) rotate(0) scale(.98)}to{opacity:.32;transform:translate(24px,-30px) rotate(7deg) scale(.96)}}@keyframes studio-middle-arrives{from{opacity:0;transform:translate(0,8px) rotate(0) scale(.98)}to{opacity:.45;transform:translate(-14px,-18px) rotate(-4deg) scale(.98)}}
@media(min-width:1600px){.studio-hero{min-height:900px}}@media(max-width:1150px){.studio-hero-inner{gap:44px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.studio-heading h1{font-size:clamp(2.7rem,5.4vw,4.5rem)}.studio-composer{padding:var(--space-lg)}.studio-tab{padding-inline:var(--space-sm)}.studio-monogram{left:44%}}@media(max-width:850px){.studio-hero{min-height:auto;padding-block:148px var(--space-3xl)}.studio-hero-inner{grid-template-columns:minmax(0,1fr);gap:56px}.studio-heading{max-width:650px}.studio-heading h1{max-width:18ch;font-size:clamp(2.9rem,7.5vw,4.5rem)}.studio-scene{width:min(100%,560px);margin-inline:auto;height:574px}.studio-monogram{width:650px;height:650px;top:40%;left:15%}.studio-panels{height:392px}.studio-scene-caption{bottom:-20px}.studio-composer{transform:none}.studio-sheet-back{transform:translate(14px,-24px) rotate(4deg) scale(.97)}.studio-sheet-middle{transform:translate(-8px,-12px) rotate(-3deg) scale(.98)}}@media(max-width:480px){.studio-hero{padding-top:136px;padding-bottom:80px}.studio-hero-inner{gap:52px}.studio-heading h1{font-size:clamp(2.65rem,10vw,3.4rem);max-width:15ch}.studio-heading .lead{font-size:1.05rem;max-width:31ch}.studio-heading .actions{margin-top:28px}.studio-heading .button{font-size:.82rem;padding-inline:20px}.studio-heading .hero-note{font-size:.77rem;max-width:38ch}.studio-scene{height:574px}.studio-composer{padding:20px}.studio-composer-head{margin-bottom:20px;font-size:.78rem}.studio-brand-caption{font-size:.65rem}.studio-tab{font-size:.75rem;padding-inline:var(--space-xs);min-height:44px}.studio-panels{height:392px;margin-top:20px}.studio-panel h2{font-size:1.12rem}.studio-panel p{font-size:.84rem}.studio-panel ul{gap:var(--space-xs) var(--space-sm);font-size:.68rem}.studio-plan-link{font-size:.82rem}.studio-composition-title{font-size:1.7rem}.studio-scene-caption{font-size:.7rem;left:4px}.studio-axis-one{top:55%;left:2%}.studio-monogram{left:3%;top:44%;opacity:.08}}
@media(prefers-reduced-motion:reduce){.studio-composer{transform:none!important}.studio-monogram,.studio-sheet{animation:none!important}.studio-sheet{transform:none;opacity:.12}.studio-plan-link svg{transition:none}}@media(prefers-reduced-transparency:reduce){.studio-composer{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}.studio-sheet{display:none}}@media(prefers-contrast:more){.studio-composer{background:var(--bg);backdrop-filter:none;border-color:var(--text)}.studio-panel p,.studio-panel ul,.studio-brand-caption{color:var(--text)}}

@media(max-width:850px){.js .studio-monogram,.js .studio-sheet{animation:none}}
