/* Gabriele Creative — a quiet studio site for visitors arriving from a preview. */
.studio-body{--paper:#f4e7d7;--shell:#fffaf2;--sand:#ead5b9;--dune:#e1c7a4;--ink:#302820;--muted:#665240;--line:#cbb392;--control-line:#92785c;--driftwood:#654930;--sea:#345957;--green:var(--driftwood);--lime:var(--sand);background:var(--paper)}
.studio-body .wrap{width:min(1160px,calc(100% - 96px))}
.studio-body .preview-note{background:var(--sand);color:var(--muted);font-size:.72rem;padding:6px 16px}
.studio-body .header{padding-block:14px;border-bottom:1px solid var(--line)}
.studio-body .header .brand-logo{width:135px;mix-blend-mode:multiply}
.studio-body .header nav{gap:28px;font-size:.85rem}
.studio-body .button{border-radius:3px;background:var(--green);border-color:var(--green);color:white;padding:13px 22px}
.studio-body .button:hover{background:#463424}
.studio-body .button.small{background:transparent;color:var(--ink);border-color:var(--control-line)}
.studio-body .eyebrow{font-size:.69rem;letter-spacing:.12em;color:var(--sea);margin-bottom:20px}
.studio-intro{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:70px;padding-block:72px 80px}
.studio-intro h1{font-size:clamp(2.8rem,4.35vw,4.3rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.studio-intro h1 em{letter-spacing:-.045em}
.studio-intro .intro{font-size:1.03rem;line-height:1.7;max-width:370px;margin-bottom:26px}
.studio-intro .hero-actions{gap:22px}
.studio-intro .text-link{font-weight:400;font-size:.85rem}
.studio-location{font-size:.76rem;margin:26px 0 0}
.studio-work{min-width:0}
.studio-preview{display:block;background:var(--sand);border:1px solid var(--line);padding:20px 20px 0;transition:background .2s}
.studio-preview:hover{background:var(--dune)}
.preview-window{background:#faf9f2;border:1px solid #cfd5c4;border-bottom:0;border-radius:6px 6px 0 0;overflow:hidden}
.preview-window-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #e0e3d9;color:#6d7766;font-size:.6rem}
.preview-window-bar span:first-child{letter-spacing:.17em;color:#a4af99}
.preview-site-heading{padding:22px 24px 17px}
.preview-site-heading .sample-brand{font-family:Georgia,serif;font-size:1rem;color:#3f4c36;margin:0 0 20px}
.preview-site-heading h2{font-family:Georgia,serif;font-size:2.8rem;line-height:1.02;color:#3f4c36;letter-spacing:-.03em;margin:0 0 12px}
.preview-site-heading .sample-detail{font-size:.64rem;margin:0;color:#68725e}
.preview-window img{display:block;width:100%;height:210px;object-fit:cover;object-position:50% 60%}
.studio-work-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-top:15px}
.studio-work-caption p{margin:0;font-size:.75rem}
.studio-work-caption strong{font-weight:500;color:var(--ink)}
.studio-work-caption a{font-size:.75rem;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:flex-start}
.studio-body .process{background:transparent;border-block:1px solid var(--line);padding-block:55px}
.studio-process-heading{display:flex;align-items:baseline;justify-content:space-between;gap:32px}
.studio-process-heading h2{font-size:2.1rem;letter-spacing:-.025em;margin:0}
.studio-process-heading .eyebrow{margin:0}
.studio-body .steps{margin-top:32px;gap:45px}
.studio-body .steps article{border:0;padding:0}
.studio-body .step-number{font-size:.73rem;letter-spacing:0;margin-bottom:10px;color:var(--sea)}
.studio-body .steps h3{font-size:1.12rem;max-width:none;margin-bottom:10px}
.studio-body .steps p{font-size:.91rem;line-height:1.7}
.studio-body .pricing-section{padding-block:72px;grid-template-columns:1fr .9fr;gap:100px}
.studio-body h2{font-size:2.7rem;line-height:1.1;letter-spacing:-.03em}
.studio-body .pricing-copy>p:not(.eyebrow){font-size:.96rem;max-width:420px}
.studio-inclusions{list-style:none;padding:0;margin:24px 0 0}
.studio-inclusions li{font-size:.9rem;padding:10px 0;border-top:1px solid var(--line);display:flex;gap:13px}
.studio-inclusions li::before{content:"✓";color:var(--sea)}
.studio-body .price-card{background:var(--sand);color:var(--ink);padding:30px;border:1px solid var(--line);border-radius:4px}
.studio-body .price-card .eyebrow{color:var(--sea);font-size:.67rem;margin-bottom:22px}
.studio-price-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.studio-price-pair>div+div{border-left:1px solid var(--line);padding-left:25px}
.studio-price-pair strong{display:block;font-size:2.9rem;font-weight:400;line-height:1.2;letter-spacing:-.04em}
.studio-price-pair span{display:block;font-size:.77rem;color:var(--muted);margin-top:5px}
.studio-body .price-card .billing-summary{font-size:.82rem;line-height:1.65;color:var(--muted);margin:16px 0 2px}
.studio-body .schedule-toggle{color:var(--ink);font-size:.83rem;margin-bottom:0;padding:12px 0}
.studio-body .schedule{padding-top:6px}
.studio-body .launch-total{border-top:0;padding:6px 0 10px}
.studio-body .launch-total p{max-width:none;margin:7px 0}
.studio-body .launch-total p,.studio-body .schedule li,.studio-body .schedule li span,.studio-body .schedule p{color:var(--muted);font-size:.8rem}
.studio-body .schedule .inline-amount{display:inline;color:inherit}
.studio-body .offer-trigger{color:var(--driftwood);border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0 4px;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;margin-top:3px}
.studio-body .offer-trigger:disabled{color:var(--muted);text-decoration:none}
.studio-body .price-card .signup-saving,.studio-body .price-card .offer-card-status{color:var(--driftwood);font-size:.79rem}
.studio-body .price-card .price-footnote{color:var(--muted);font-size:.72rem;line-height:1.65;margin-top:13px}
.studio-notes{border-top:1px solid var(--line);padding-block:28px 45px}
.studio-notes details{padding:15px 0}
.studio-notes summary{font-size:.88rem}
.studio-notes details p{font-size:.87rem;max-width:760px}
.studio-body .contact-section{background:var(--dune);padding-block:52px}
.studio-body .contact-grid{grid-template-columns:1fr 1fr;gap:100px}
.studio-body .contact-grid h2{font-size:2.6rem}
.studio-body .contact-grid>div>p{font-size:.95rem;color:var(--muted);max-width:360px}
.studio-body .demo-notice{border:0;padding:0;margin-top:24px;font-size:.73rem;color:var(--muted)}
.studio-body label{font-size:.76rem}
.studio-body .optional-label{font-weight:400;color:var(--muted);display:inline}
.studio-body input,.studio-body textarea{background:var(--shell);border-color:var(--control-line);font-size:.95rem}
.studio-body .form-row{gap:14px}
.studio-body form{gap:13px}
.studio-body #form-result{background:var(--shell);border-color:var(--sea)}
.studio-body .footer{padding-block:26px;gap:22px}
.studio-body .footer .brand-logo{width:125px;mix-blend-mode:multiply}
.studio-body .footer p{font-family:var(--sans);font-style:normal;font-size:.76rem}
.studio-body .footer>span{font-size:.7rem}
.studio-body .welcome-offer{background:var(--paper)}
.studio-body .offer-window,.studio-body .offer-result{background:var(--sand)}
.studio-body .offer-result{border-color:var(--control-line)}
.studio-body .offer-consent{font-size:.73rem}
@media(max-width:1050px){
.studio-body .wrap{width:calc(100% - 64px)}
.studio-intro{gap:38px}
.studio-body .pricing-section,.studio-body .contact-grid{gap:55px}
.preview-site-heading h2{font-size:2.35rem}
.preview-window img{height:180px}
.studio-price-pair strong{font-size:2.5rem}
}
@media(max-width:760px){
.studio-body .wrap{width:calc(100% - 40px)}
.studio-body .header{padding-block:9px}
.studio-body .header .brand-logo{width:116px}
.studio-body .header nav{background:var(--paper);gap:10px}
.studio-intro{grid-template-columns:1fr;padding-block:40px 45px;gap:34px}
.studio-intro h1{font-size:clamp(2.55rem,8.8vw,3.5rem);max-width:520px}
.studio-intro .intro{max-width:440px}
.studio-intro .hero-actions{gap:18px}
.studio-location{margin-top:18px}
.studio-work{max-width:560px;width:100%}
.studio-preview{padding:16px 16px 0}
.preview-site-heading{padding:19px 20px 16px}
.preview-site-heading h2{font-size:2.65rem}
.preview-window img{height:210px}
.studio-body .process{padding-block:38px}
.studio-process-heading{display:block}
.studio-process-heading .eyebrow{margin-bottom:14px}
.studio-process-heading h2{font-size:1.9rem}
.studio-body .steps{grid-template-columns:1fr;gap:24px;margin-top:26px}
.studio-body .steps article{border-top:1px solid var(--line);padding-top:18px}
.studio-body .pricing-section{grid-template-columns:1fr;gap:27px;padding-block:45px}
.studio-body h2{font-size:2.3rem}
.studio-body .price-card{padding:25px}
.studio-body .contact-grid{grid-template-columns:1fr;gap:24px}
.studio-body .contact-grid h2{font-size:2.25rem}
.studio-body .contact-section{padding-block:40px}
.studio-body .form-row{grid-template-columns:1fr 1fr}
.studio-body .footer{align-items:flex-start;gap:13px}
.studio-notes{padding-bottom:32px}
}
@media(max-width:380px){
.studio-price-pair strong{font-size:2.35rem}
.studio-price-pair>div+div{padding-left:17px}
.studio-body .form-row{grid-template-columns:1fr}
.preview-window img{height:175px}
.studio-work-caption{gap:12px}
.studio-work-caption p,.studio-work-caption a{font-size:.7rem}
}

.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
button:disabled{cursor:wait;opacity:.65}
.privacy-copy{max-width:740px;padding-block:50px 70px}.privacy-copy h1{font-size:2.8rem}.privacy-copy h2{font-size:1.5rem;margin-top:30px}.privacy-copy p{line-height:1.75}

/* Ongoing client access stays visible without competing with the portfolio. */
.studio-body .client-login-link{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}

/* Sandy coast palette: dune neutrals with a restrained sea-glass accent. */
.studio-body a:focus-visible,.studio-body button:focus-visible,.studio-body summary:focus-visible,.studio-body input:focus-visible,.studio-body textarea:focus-visible,.studio-body select:focus-visible{outline-color:var(--sea)}
.studio-body input::placeholder,.studio-body textarea::placeholder{color:var(--muted)}
.studio-body input[type="checkbox"]{accent-color:var(--driftwood)}
.studio-body .button.small:hover{background:var(--sand)}
.studio-body .offer-close{background:var(--sand)}
.studio-body .welcome-offer::backdrop{background:#302820b8}
.studio-body .offer-logo{mix-blend-mode:multiply}

/* Local studio information stays outside the generated gallery block. */
.studio-local{display:grid;grid-template-columns:1fr 1.02fr;gap:70px;padding-block:0 64px}
.studio-local h2{font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.12;letter-spacing:-.035em}
.studio-local-copy{font-size:.93rem;line-height:1.8;color:var(--muted)}
.studio-local-copy p{margin:0 0 16px}
.studio-local-copy strong{font-weight:600;color:var(--ink)}
.studio-local-copy .studio-service-area{margin-bottom:0;padding-top:16px;border-top:1px solid var(--line);font-size:.79rem;line-height:1.8}
@media(max-width:1050px){.studio-local{gap:38px}}
@media(max-width:760px){.studio-local{grid-template-columns:1fr;gap:20px;padding-block:6px 40px}.studio-local h2{font-size:2.15rem}.studio-local-copy{font-size:.9rem}}

/* Website gallery showcase */
.gallery-preview{display:block;text-decoration:none;background:var(--sand);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:background .2s}.gallery-preview:hover{background:var(--dune)}.gallery-preview-top{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;font-size:.58rem;letter-spacing:.09em;color:var(--muted)}.gallery-preview-top span:last-child{font-weight:600}.gallery-preview-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px;align-items:start}.gallery-preview-images img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px;box-shadow:0 4px 12px #543e2912}.gallery-preview-images img:first-child{grid-column:1/-1;aspect-ratio:2.1;object-fit:cover;object-position:top}.gallery-preview-images img:not(:first-child){aspect-ratio:1.6;object-fit:cover;object-position:top}.gallery-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px;color:var(--ink)}.gallery-preview-bottom span{font-size:1.2rem;line-height:1.25;letter-spacing:-.03em}.gallery-preview-bottom b{font-size:1.7rem;font-weight:400}.gallery-work .studio-work-caption{gap:15px;padding-top:14px}.gallery-work .studio-work-caption a{min-height:0;white-space:nowrap}.gallery-home-disclaimer{font-size:.68rem;line-height:1.55;color:var(--muted);margin:9px 0 0;max-width:55ch}@media(max-width:760px){.gallery-preview-top{padding:15px 16px;font-size:.55rem}.gallery-preview-images{padding-inline:16px;gap:10px}.gallery-preview-bottom{padding:17px 16px}.gallery-work .studio-work-caption{flex-wrap:wrap;gap:6px 15px}.gallery-home-disclaimer{font-size:.67rem}}