:root{--bg-main: #090A0C;--bg-surface: #121418;--bg-surface-hover: #1A1D24;--text-primary: #FFFFFF;--text-secondary: #A1A9B3;--text-muted: #5C6670;--studio-warm: #E5B58D;--it-cool: #82A0BC;--border-soft: rgba(255,255,255,.08);--border-focus: rgba(255,255,255,.2);--font-display: "Cabinet Grotesk", "Inter", system-ui, sans-serif;--font-body: "Satoshi", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem}.skip-link:focus{left:1rem;top:1rem;z-index:100}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1400px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:768px){.container{padding-left:2.5rem;padding-right:2.5rem}}.section{padding:6rem 0;position:relative;z-index:2}@media(min-width:768px){.section{padding:8rem 0}}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--text-secondary)}.display{font-family:var(--font-display);letter-spacing:-.03em;line-height:1;margin:0}.h1{font-size:clamp(2.75rem,8vw,7rem);font-weight:500}.h2{font-size:clamp(2.25rem,5vw,4.25rem);font-weight:500}.h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;padding:.9rem 1.4rem;border-radius:2px;border:1px solid transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease;cursor:pointer}.btn--primary{background:#fff;color:#090a0c}.btn--primary:hover{background:var(--studio-warm);color:#090a0c}.btn--outline{border-color:#fff3;color:#fff;background:transparent}.btn--outline:hover{background:#fff;color:#090a0c;border-color:#fff}.bp-grid-fine{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px}.gradient-warm{background:radial-gradient(ellipse at 30% 100%,rgba(229,181,141,.18),transparent 60%),linear-gradient(180deg,#0b0c0f,#0f1013)}.gradient-cool{background:radial-gradient(ellipse at 70% 100%,rgba(130,160,188,.18),transparent 60%),linear-gradient(180deg,#0b0c0f,#0f1013)}.split-hero{position:relative;z-index:2}.split-hero__head{padding:6rem 0 3rem}.split-hero__panes{display:flex;flex-direction:column;min-height:clamp(520px,70vh,720px);border-top:1px solid var(--border-soft);position:relative}@media(min-width:768px){.split-hero__panes{flex-direction:row}}.split-hero__pane{position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;flex:1 1 0;transition:flex-grow .7s cubic-bezier(.25,1,.5,1),opacity .5s ease,filter .5s ease}@media(min-width:768px){.split-hero__pane{padding:3rem}}.split-hero__pane+.split-hero__pane{border-top:1px solid var(--border-soft)}@media(min-width:768px){.split-hero__pane+.split-hero__pane{border-top:0;border-left:1px solid var(--border-soft)}}@media(min-width:768px)and (hover:hover){.split-hero__panes:hover .split-hero__pane{flex-grow:1;opacity:.5;filter:grayscale(.2)}.split-hero__panes .split-hero__pane:hover{flex-grow:1.6;opacity:1;filter:none}}.split-hero__label{position:absolute;top:2rem;left:2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}@media(min-width:768px){.split-hero__label{top:3rem;left:3rem}}.split-hero__pane--studio .split-hero__label{color:#e5b58dd9}.split-hero__pane--it .split-hero__label{color:#82a0bce6}.split-hero__mark{position:absolute;right:-.05em;bottom:-.18em;font-family:var(--font-display);font-weight:800;font-size:clamp(10rem,28vw,28rem);line-height:.85;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08);pointer-events:none;z-index:1}.split-hero__pane--studio:hover .split-hero__mark{-webkit-text-stroke-color:rgba(229,181,141,.35);color:#e5b58d14}.split-hero__pane--it:hover .split-hero__mark{-webkit-text-stroke-color:rgba(130,160,188,.35);color:#82a0bc14}.split-hero__body{position:relative;z-index:2}.split-hero__title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:-.03em;line-height:1;margin:0}.split-hero__list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.3rem}.split-hero__list li{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:#ffffff8c;display:flex;align-items:center;gap:.6rem}.split-hero__list li:before{content:"";width:6px;height:6px;background:currentColor;opacity:.5}.split-hero__status{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.services-grid{display:grid;gap:1px;background:var(--border-soft);grid-template-columns:1fr}@media(min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{position:relative;background:var(--bg-surface);padding:2rem;min-height:240px;overflow:hidden;transition:background .4s ease}.service-card:hover{background:var(--bg-surface-hover)}.service-card__num{font-family:var(--font-mono);color:#ffffff59;font-size:.7rem;letter-spacing:.2em}.service-card__kind{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.service-card__title{font-family:var(--font-display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;margin:1rem 0 .5rem}.service-card__desc{color:var(--text-secondary);font-size:.95rem;line-height:1.55}.service-card__watermark{position:absolute;right:-6px;bottom:-36px;font-family:var(--font-display);font-weight:800;font-size:8rem;line-height:.8;color:#ffffff06;pointer-events:none}.work-grid{display:grid;gap:1px;background:var(--border-soft);grid-template-columns:1fr}@media(min-width:640px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.work-grid{grid-template-columns:repeat(3,1fr)}}.work-tile{position:relative;aspect-ratio:4 / 3;overflow:hidden;display:flex;align-items:flex-end;padding:1.5rem;background:var(--bg-surface)}.work-tile__id{position:absolute;top:1rem;left:1rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff59}.work-tile__caption{position:relative;z-index:2}.work-tile__caption h4{font-family:var(--font-display);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;margin:0 0 .25rem}.work-tile__caption span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.work-tile__giant{position:absolute;right:-.05em;bottom:-.2em;font-family:var(--font-display);font-weight:800;font-size:clamp(6rem,16vw,14rem);line-height:.8;color:#ffffff0a;pointer-events:none}.process-step{display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2.5rem 0;border-top:1px solid var(--border-soft);align-items:start}.process-step:last-child{border-bottom:1px solid var(--border-soft)}.process-step__num{font-family:var(--font-display);font-weight:300;font-size:3.5rem;line-height:1;color:#ffffff59}.process-step__title{font-family:var(--font-display);font-weight:500;font-size:1.75rem;letter-spacing:-.02em;margin:0 0 .5rem}.process-step__desc{color:var(--text-secondary);line-height:1.6;max-width:60ch;margin:0}.pkg-grid{display:grid;gap:1px;background:var(--border-soft);grid-template-columns:1fr}@media(min-width:768px){.pkg-grid{grid-template-columns:repeat(3,1fr)}}.pkg-card{background:var(--bg-surface);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:background .4s ease}.pkg-card--featured{background:#121418}.pkg-card__name{font-family:var(--font-display);font-weight:500;font-size:1.5rem;letter-spacing:-.01em}.pkg-card__price{font-family:var(--font-display);font-weight:300;font-size:2.75rem;line-height:1;letter-spacing:-.03em}.pkg-card ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.pkg-card ul li{display:flex;gap:.5rem}.pkg-card ul li:before{content:"+";color:#ffffff59;font-family:var(--font-mono)}.quote-block{border-top:1px solid var(--border-soft);padding:3rem 0}.quote-block:last-of-type{border-bottom:1px solid var(--border-soft)}.quote-block blockquote{font-family:var(--font-display);font-weight:300;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 1.5rem;color:#fff}.quote-block cite{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--text-secondary);font-style:normal;display:block}.logo-marquee{margin-top:3.5rem;padding:1.5rem 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);overflow:hidden}.logo-marquee__track{display:flex;gap:4rem;white-space:nowrap;animation:balamb-marquee 40s linear infinite}@keyframes balamb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-marquee span{font-family:var(--font-display);font-weight:500;font-size:1.5rem;letter-spacing:-.02em;color:#fff6}.final-cta{position:relative;overflow:hidden;padding:6rem 1.5rem;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:radial-gradient(ellipse at 20% 100%,rgba(229,181,141,.1),transparent 60%),radial-gradient(ellipse at 80% 0%,rgba(130,160,188,.08),transparent 60%),#0b0c0f}@media(min-width:768px){.final-cta{padding:10rem 2.5rem}}.final-cta__title{font-family:var(--font-display);font-weight:500;letter-spacing:-.03em;line-height:.95;font-size:clamp(3rem,9vw,8rem);max-width:14ch;margin:0 0 2rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#090a0cb3;border-bottom:1px solid var(--border-soft)}.site-header__bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.site-header nav{display:none;gap:2rem}@media(min-width:768px){.site-header nav{display:flex}}.site-header nav a{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.site-header nav a:hover{color:#fff}.site-footer{border-top:1px solid var(--border-soft);padding:4rem 0 2rem;color:var(--text-secondary);position:relative;z-index:2}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.reveal.in{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/balamb.css.map */