:root{--paper: #faf8f5;--sand: #f4efe8;--stone: #d4c4b0;--mist: #fbf8f4;--charcoal: #2b2926;--ink: #3f3b36;--mute: #6f6a63;--water: #148742;--water-deep: #2c4349;--ripple: rgba(63, 92, 99, .16);--error: #8f4e3a;--radius-btn: .5rem;--radius-card: .75rem;--max: 71.25rem;--max-hero: 77.5rem;--header-h: 4.5rem;--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-mark: "Cinzel", "Times New Roman", serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6rem;--space-7: 8rem;--shadow: 0 .5rem 1.5rem rgba(43, 41, 38, .06);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:.125rem solid var(--water);outline-offset:.1875rem}::selection{background:var(--ripple);color:var(--charcoal)}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:100;background:var(--charcoal);color:var(--mist);padding:.5rem .75rem;border-radius:var(--radius-btn)}.skip-link:focus{top:.75rem}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media(min-width:48rem){body{font-size:1.0625rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wrap{width:min(100% - 3rem,var(--max));margin-inline:auto}.wrap-hero{width:min(100% - 3rem,var(--max-hero));margin-inline:auto}@media(min-width:48rem){.wrap,.wrap-hero{width:min(100% - 1.25rem,var(--max))}.wrap-hero{width:min(100% - 1.25rem,var(--max-hero))}}@media(min-width:64rem){.wrap,.wrap-hero{width:min(100% - 8rem,var(--max))}.wrap-hero{width:min(100% - 8rem,var(--max-hero))}}.eyebrow{font-family:var(--font-mark);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.display{font-family:var(--font-display);font-weight:500;color:var(--charcoal);letter-spacing:-.02em;line-height:1.08}.h1{font-size:clamp(2.25rem,5.5vw,3.75rem);line-height:1.05}.hero-title{animation:heroTitleFadeIn .85s cubic-bezier(.16,1,.3,1) forwards;opacity:0;will-change:transform,opacity}.accent-underline{position:relative;display:inline-block;white-space:nowrap}.accent-underline:after{content:"";position:absolute;left:0;bottom:-.3125rem;width:100%;height:.3125rem;background:#c96f4a;border-radius:999px;transform:scaleX(0);transform-origin:left center;animation:drawUnderline .8s cubic-bezier(.22,1,.36,1) 1s forwards;will-change:transform}@keyframes heroTitleFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drawUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.h2{font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.15}.h3{font-family:var(--font-display);font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:500;color:var(--charcoal);line-height:1.2}.lead{font-size:clamp(1rem,1.6vw,1.125rem);color:var(--ink);max-width:36em}.mute{color:var(--mute)}.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-bottom:.0625rem solid color-mix(in srgb,var(--stone) 70%,transparent)}html{scroll-behavior:smooth}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);padding-top:env(safe-area-inset-top);gap:1rem}.wordmark{font-family:var(--font-mark);font-size:1.125rem;font-weight:500;letter-spacing:.04em;text-decoration:none;color:var(--charcoal);white-space:nowrap;display:flex;align-items:center}.nav-logo{height:2.5rem;width:auto;max-height:calc(var(--header-h) - 1.25rem);object-fit:contain;display:block}.header-actions{display:flex;align-items:center;gap:.5rem}.nav-desktop{display:none;align-items:center;gap:1.75rem}.nav-desktop a{text-decoration:none;font-size:.9375rem;font-weight:500;color:var(--ink)}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:var(--water)}.header-actions .header-cta{display:none}.menu-btn{width:2.75rem;height:2.75rem;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3125rem;cursor:pointer}.menu-btn span{display:block;width:1.125rem;height:.09375rem;background:var(--charcoal)}.nav-panel{display:none;padding:.5rem 0 1.5rem}@media(max-width:63.9375rem){.nav-panel.wrap{width:100%;max-width:none;padding-inline:1rem}}.nav-panel.open{display:grid;gap:.5rem}.nav-panel a{text-decoration:none;padding:.75rem 0;font-weight:500;min-height:2.75rem;display:flex;align-items:center;border-bottom:.0625rem solid var(--sand)}@media(min-width:64rem){.nav-desktop{display:flex}.header-actions .header-cta{display:inline-flex}.menu-btn,.nav-panel{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.75rem 1.25rem;border-radius:var(--radius-btn);text-decoration:none;font-size:.9375rem;font-weight:500;border:.0625rem solid transparent;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.btn-primary{background:var(--water);color:var(--mist)}.btn-primary:hover{background:var(--water-deep)}.btn-ghost{background:transparent;border-color:var(--charcoal);color:var(--charcoal)}.btn-ghost:hover{background:var(--ripple)}.btn-full{width:100%}.cta-row{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;align-items:center;justify-content:center}@media(min-width:40rem){.cta-row{flex-direction:row;align-items:center;justify-content:center}.cta-row .btn{width:auto}}.hero{position:relative;min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.25rem 2rem;box-sizing:border-box;text-align:center}.wrap-hero{width:100%;max-width:var(--max-hero);margin-inline:auto}.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:50rem;width:100%;margin-inline:auto}.hero-copy .eyebrow{margin-bottom:1rem}.hero-copy .h1{margin-bottom:1.25rem;max-width:22ch;margin-inline:auto}.hero-copy .lead{margin-inline:auto}.pebble-line{margin-top:1.25rem;font-size:.875rem;color:var(--mute);font-style:italic;text-align:center}@media(min-width:64rem){.hero{padding:2.5rem 2rem}}.ripple-mark{width:min(100%,23.75rem);aspect-ratio:1;position:relative}.ripple-mark svg{width:100%;height:100%}.ring{fill:none;stroke:var(--water);stroke-width:1;transform-origin:50% 50%;animation:breathe 8s var(--ease) infinite;opacity:.7}.ring:nth-child(2){animation-delay:-2s;opacity:.45}.ring:nth-child(3){animation-delay:-4s;opacity:.25}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.proof{padding:1.5rem 0 .5rem;width:100%}@media(max-width:48rem){.close .btn-ghost,.proof{display:none}.mobile-home-content .hero{justify-content:center;padding-top:4rem;padding-bottom:4rem}}@media(min-width:48.0625rem)and (max-width:64rem){.close .btn-ghost{display:none}}.proof-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.75rem 2rem;max-width:var(--max);padding:0 .625rem;margin-inline:auto;list-style:none;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.proof-list li{display:flex;align-items:center;gap:2rem}.proof-list li:not(:last-child):after{content:"";width:.3125rem;height:.3125rem;border-radius:50%;background:var(--water);opacity:.55}.work-transition{height:280vh}.mobile-home-content{display:none}.work-transition-sticky{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));min-height:38rem;overflow:hidden;isolation:isolate}.work-transition-sticky>.hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;min-height:0;margin-top:1vh;height:100%;transition:none;will-change:transform,opacity}.work-transition-content{position:absolute;top:0;left:50%;width:min(100% - 3rem,60rem);height:100%;transform:translate(-50%);z-index:3;pointer-events:none}.work-transition-heading{position:absolute;top:16%;left:0;width:min(100%,34rem);margin:0;opacity:var(--heading-progress);pointer-events:none;will-change:opacity,transform}.work-transition-cards{position:absolute;top:0;right:0;bottom:0;left:0}.work-transition-card{position:absolute;top:65%;left:calc(50% + var(--card-x));width:29%;transform:translate3d(-50%,calc(-50% + var(--card-y)),0) scale(var(--card-scale));transform-origin:center;will-change:transform;pointer-events:auto}.work-transition-card .work-meta .h3{font-size:clamp(1.1rem,1.7vw,1.45rem)}.work-transition-card .work-meta .mute{font-size:.875rem}.work-transition-card .mini-hero{font-size:clamp(1.1rem,2.2vw,1.5rem)}.work-transition-card-1{z-index:3}.work-transition-card-2{z-index:2}.work-transition-card-3{z-index:1}@media(max-width:48rem){.work-transition{display:none}.mobile-home-content{display:block}.mobile-work-section .work-card .preview{transition:none}.mobile-work-section .work-card:hover .preview{transform:none}.work-transition-sticky{min-height:34rem}.work-transition-heading{top:7%;left:1rem;width:calc(100% - 2rem)}.work-transition-card{top:58%;width:min(76vw,22rem)}}.section{padding:4rem 0}@media(min-width:64rem){.section{padding:6rem 0}}.section-head{display:grid;gap:.75rem;margin-bottom:2.5rem;max-width:40em}.why-pebble{display:grid;align-items:center}.why-pebble-head{width:min(100% - 3rem,70rem);max-width:70rem;margin-inline:auto;margin-bottom:1rem}.why-pebble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100% - 3rem,70rem);height:min(64vh,32rem);margin-inline:auto}.why-pebble-card,.why-pebble-image{min-width:0;min-height:0;padding:clamp(1.25rem,2.4vw,2.5rem);border-radius:var(--radius-card);background:#fff;transition:background-color .25s ease}.why-pebble-card{display:flex;flex-direction:column}.why-pebble-card:hover,.why-pebble-image:hover{background:#f5f3ef}.why-pebble-card .eyebrow{margin-bottom:0}.why-pebble-card .h2{margin:auto 0}.why-pebble-card .h2{max-width:11ch;font-size:clamp(1.08rem,2vw,1.68rem)}.why-pebble-card .lead{max-width:24em;font-size:clamp(.9rem,1.25vw,1.05rem)}.why-pebble-kicker{color:var(--mute);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.why-pebble-image{background:var(--mist);padding:0;overflow:hidden}.why-pebble-image img{width:100%;height:100%;object-fit:cover;object-position:center}.why-pebble-cta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.25rem;background:var(--mist)}.why-pebble-cta .h2{margin:0}@media(max-width:63.9375rem){.why-pebble-cta{justify-content:center;align-items:center;text-align:center}.why-pebble-cta .lead{text-align:center}}@media(max-width:48rem){.why-pebble{height:auto!important;min-height:0}.why-pebble-grid{grid-template-columns:1fr;grid-template-rows:none;height:auto;gap:.75rem}.why-pebble-card,.why-pebble-image{aspect-ratio:3 / 2;min-height:0}.why-pebble-card .h2{width:100%;max-width:none;text-align:center}.why-pebble-cta .btn{min-height:2.5rem;padding:.6rem .9rem;font-size:.875rem;white-space:nowrap}}@media(min-width:48.0625rem)and (max-width:63.9375rem){.why-pebble-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}.why-pebble-card,.why-pebble-image{min-height:16rem}}.work-grid{display:grid;gap:2rem}@media(min-width:48rem){.work-grid{grid-template-columns:1fr 1fr}.work-grid .work-card:first-child{grid-column:1 / -1}}@media(min-width:64rem){.work-grid{grid-template-columns:1fr 1fr 1fr}.work-grid .work-card:first-child{grid-column:auto}}.work-card{color:inherit;display:grid;gap:.875rem}.work-preview-link,.work-meta a{color:inherit;text-decoration:none}.work-frame{position:relative;border-radius:var(--radius-card);overflow:hidden;background:var(--sand);box-shadow:var(--shadow);aspect-ratio:4 / 3}.work-frame .preview{width:100%;height:100%;transform:scale(1);transition:transform .6s var(--ease)}.work-card:hover .preview{transform:scale(1.03)}.work-ring{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:inherit;border:.0625rem solid transparent;pointer-events:none;transition:border-color .5s var(--ease)}.work-card:hover .work-ring{border-color:color-mix(in srgb,var(--water) 45%,transparent)}.work-meta .h3{margin-bottom:.25rem}.work-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.work-live-link{flex:0 0 auto;margin-top:.35rem;font-size:.875rem;color:var(--water)!important;text-decoration:underline!important;text-underline-offset:.25rem}.work-live-link:hover,.work-live-link:focus-visible{text-decoration-thickness:.125rem!important}.split{display:grid;gap:2.5rem;align-items:start}@media(min-width:64rem){.split{grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}}.facts{display:grid;gap:1rem;margin-top:1.5rem}.facts p{padding-left:1rem;border-left:.0625rem solid var(--stone)}.not-line{margin-top:1.75rem;font-weight:500;color:var(--charcoal)}.layer-panel{background:var(--sand);border-radius:var(--radius-card);min-height:17.5rem;position:relative;overflow:hidden}.layer-panel span{position:absolute;border:.0625rem solid color-mix(in srgb,var(--water) 35%,transparent);border-radius:50%}.layer-panel span:nth-child(1){width:70%;aspect-ratio:1;left:18%;top:16%}.layer-panel span:nth-child(2){width:48%;aspect-ratio:1;left:28%;top:28%}.layer-panel span:nth-child(3){width:22%;aspect-ratio:1;left:41%;top:42%;background:color-mix(in srgb,var(--charcoal) 8%,transparent)}.steps{display:grid;gap:1.5rem;margin-top:.5rem}@media(min-width:64rem){.steps{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.step{display:grid;gap:.75rem;padding:.5rem 0}.step-num{width:2.25rem;height:2.25rem;border-radius:50%;border:.0625rem solid var(--water);display:grid;place-items:center;font-family:var(--font-mark);font-size:.75rem;letter-spacing:.08em;color:var(--water)}.process-scroll{height:300vh}.process-section{position:sticky;top:0;height:100vh;padding:var(--header-h) 0 2rem;box-sizing:border-box;overflow:hidden;background:var(--paper)}.process-layout{height:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem;align-items:center}.process-intro{display:grid;align-content:center;gap:.75rem}.process-tagline{max-width:24rem;color:var(--mute)}@media(max-width:63.9375rem){.process-title-break{display:none}}.process-stage{position:relative;height:min(72vh,38rem);overflow:hidden}.process-step{position:absolute;top:50%;left:50%;width:min(100%,28rem);display:grid;gap:.75rem;padding:2rem;border:.0625rem solid var(--stone);border-radius:var(--radius-card);background:var(--mist);opacity:var(--step-opacity);transform:translate3d(-50%,calc(-50% + (var(--step-position) * 14rem)),0) scale(var(--step-scale));transform-origin:center;transition:opacity .12s linear;will-change:transform,opacity}.process-step .step-num{margin-bottom:.5rem}.process-step p{max-width:28rem;color:var(--ink)}@media(max-width:63.9375rem){.process-layout{display:block;padding-top:2rem}.process-intro{height:22%;justify-items:center;text-align:center}.process-tagline{display:none}.process-stage{height:70%;width:100%}.process-step{width:min(100%,34rem);padding:1.5rem;text-align:center;justify-items:center;transform:translate3d(-50%,calc(-50% + (var(--step-position) * 14rem)),0) scale(var(--step-scale))}}.studio-band{background:var(--sand)}.studio-scroll{height:220vh}.studio-section{position:sticky;top:0;height:100vh;display:grid;place-items:center;padding:2rem 0;box-sizing:border-box;overflow:hidden}.studio-copy{display:grid;justify-items:center;gap:1rem;text-align:center;will-change:transform}.studio-copy .h2{margin-bottom:.5rem}.studio-copy-text{width:min(100%,48rem);font-size:2em;font-weight:550;line-height:1.35;text-align:justify;text-align-last:left}.studio-word{opacity:.22;transition:opacity .65s var(--ease)}.studio-link{margin-top:.5rem}@media(max-width:63.9375rem){.studio-copy .h1{margin-bottom:1.25rem}.studio-copy-text{font-size:1.35em;font-weight:500}}.faq{display:grid;gap:.75rem}@media(min-width:64rem){.faq-section{height:100vh}}.faq-item{background:var(--mist);border-radius:var(--radius-card);border:.0625rem solid var(--stone);padding:.25rem 1.25rem}.faq-summary{width:100%;padding:0;border:0;background:transparent;cursor:pointer;min-height:3.5rem;display:flex;align-items:center;font-weight:500;color:var(--charcoal);text-align:left}.faq-answer{max-height:0;overflow:hidden;transition:max-height .1s cubic-bezier(.4,0,1,1)}.faq-item.is-open .faq-answer{max-height:12rem;transition:max-height 1.5s cubic-bezier(0,0,.2,1)}.faq-answer p{padding:0 0 1.25rem;opacity:0;transform:translateY(-.35rem);color:var(--ink);transition:opacity .25s cubic-bezier(.4,0,1,1),transform .35s cubic-bezier(.4,0,1,1)}.faq-item.is-open .faq-answer p{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(0,0,.2,1) .15s,transform .7s cubic-bezier(0,0,.2,1) .1s}.close{background:var(--sand)}.close-grid{display:grid;gap:2.5rem}.contact-layout{padding:6vh}.contact-mobile-whatsapp{display:none}@media(max-width:63.9375rem){.contact-layout{padding:0}.contact-layout .form{width:100%;max-width:32rem;justify-self:center}.contact-layout>div:first-child{text-align:center}.contact-support,.contact-details,.contact-desktop-whatsapp{display:none}.contact-mobile-whatsapp{display:flex;margin-top:0}}@media(min-width:64rem){.close-grid{grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}}.form{display:grid;gap:1rem;background:var(--mist);padding:1.5rem;border-radius:var(--radius-card);box-shadow:var(--shadow)}.field{display:grid;gap:.5rem}.field label{font-size:.875rem;font-weight:500;color:var(--charcoal)}.field input{min-height:3rem;padding:.75rem .875rem;border-radius:var(--radius-btn);border:.0625rem solid var(--stone);background:var(--paper);font-size:1rem}.field input:focus{outline:.125rem solid var(--water);outline-offset:.0625rem;border-color:var(--water)}.form-error{color:var(--error);font-size:.875rem}.form-success{padding:1.5rem;background:var(--mist);border-radius:var(--radius-card)}.reassurance{margin-top:1rem;display:grid;gap:.3125rem;font-size:.875rem;color:var(--mute)}.footer{padding:2.5rem 0 calc(2rem + env(safe-area-inset-bottom));border-top:.0625rem solid var(--stone)}.footer-inner{display:grid;gap:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.footer-links a{text-decoration:none;color:var(--mute);min-height:2.75rem;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--water)}.page-hero{padding:.625rem 0 2rem}.page-hero .h1{margin:.75rem 0 1rem}.about-layout{display:grid;gap:3rem}.about-copy{min-width:0}.about-copy .page-hero,.about-copy .legal{width:100%;max-width:none}.about-copy .legal{padding-bottom:0}.about-copy .lead,.about-copy .legal>p{text-align:justify;text-align-last:left}.about-gallery{display:none}@media(max-width:63.9375rem){.about-copy .cta-row{flex-direction:row;flex-wrap:nowrap;gap:.5rem;width:100%}.about-copy .cta-row .btn{flex:1 1 0;min-width:0;max-width:12rem;padding-inline:.5rem;font-size:.875rem}}@media(min-width:64rem){.about-page{padding:2rem 0;box-sizing:border-box}.about-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;align-items:start}.about-gallery{position:sticky;top:calc(50vh - min(26vh,15rem));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.75rem;height:min(52vh,30rem);min-height:0;align-self:start;transition:grid-template-columns .7s var(--ease),grid-template-rows .7s var(--ease)}.about-gallery.hover-0{grid-template-columns:2fr 1fr;grid-template-rows:2fr 1fr}.about-gallery.hover-1{grid-template-columns:1fr 2fr;grid-template-rows:2fr 1fr}.about-gallery.hover-2{grid-template-columns:2fr 1fr;grid-template-rows:1fr 2fr}.about-gallery.hover-3{grid-template-columns:1fr 2fr;grid-template-rows:1fr 2fr}.about-image{min-width:0;min-height:0;overflow:hidden;background:var(--mist);border-radius:var(--radius-card)}.about-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s var(--ease)}.about-image:hover img{transform:scale(1.03)}}.project-layout{display:grid;gap:2rem;padding-bottom:5rem}.project-stills{display:grid;gap:1.5rem}.still{border-radius:var(--radius-card);overflow:hidden;background:var(--sand);min-height:17.5rem}.still-wide{min-height:22.5rem}@media(min-width:48rem){.project-stills{grid-template-columns:1fr 1fr}.still-wide{grid-column:1 / -1}}.legal{padding-bottom:5rem;max-width:40em;display:grid;gap:1rem}.preview{width:100%;height:100%}.browser{height:100%;display:flex;flex-direction:column;background:var(--mist)}.browser-bar{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--sand)}.browser-dots{display:flex;gap:.375rem}.browser-dots i{display:block;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--stone)}.browser-address{min-width:0;margin:0 auto;padding-right:2.25rem;color:var(--charcoal);font-size:.625rem;letter-spacing:.03em;opacity:.62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-preview{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--mist)}.live-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.project-live-button{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;margin-top:1.5rem}.mini{flex:1;padding:1rem 1.125rem 1.25rem;display:grid;gap:.625rem;align-content:start}.mini-nav{display:flex;justify-content:space-between;font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase}.mini-hero{font-family:var(--font-display);font-size:clamp(1.375rem,3vw,2rem);line-height:1.1;margin-top:.75rem}.mini-row{display:grid;grid-template-columns:1.2fr .8fr;gap:.625rem;margin-top:.5rem}.mini-block{border-radius:.5rem;min-height:3.5rem;background:color-mix(in srgb,currentColor 8%,transparent)}.mini-cta{margin-top:.5rem;width:5.5rem;height:1.375rem;border-radius:.375rem;background:currentColor;opacity:.85}.not-found{min-height:50vh;display:grid;place-content:center;gap:1rem;text-align:center;padding:5rem 1.5rem}.text-link{color:var(--water);text-underline-offset:.1875rem}.footer{border-top:.0625rem solid color-mix(in srgb,var(--stone) 70%,transparent);background:color-mix(in srgb,var(--sand) 50%,var(--paper));padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:64rem){.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:3rem}}@media(max-width:63.9375rem){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}.footer-col:first-child{grid-column:1 / -1}}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-brand-name{font-family:var(--font-display);font-size:1.125rem;font-weight:500;color:var(--charcoal);margin:.25rem 0 0}.footer-location,.footer-tagline{font-size:.875rem;margin:0;line-height:1.5}.footer-title{font-family:var(--font-mark);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--charcoal);margin:0 0 .5rem}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.footer-list a{text-decoration:none;font-size:.875rem;color:var(--ink);transition:color .2s ease}.footer-list a:hover{color:var(--water)}.footer-bottom{margin-top:.75rem;padding-top:.75rem;border-top:.0625rem solid color-mix(in srgb,var(--stone) 50%,transparent);font-size:.8125rem;text-align:center}@media(max-width:39.9375rem){.wrap,.wrap-hero{width:min(100% - 2rem,var(--max))}.header-actions .btn-ghost{display:none}}