.concept-stage{background:var(--muted);scrollbar-width:thin;height:560px;padding:0;overflow:auto}.concept-frame{width:100%;transition:width var(--dur-base) var(--ease-out);margin:auto;container-type:inline-size}.concept-frame--mobile{border:6px solid var(--background);border-radius:24px;width:min(82%,300px);margin-block:14px;overflow:hidden}.concept-site{background:var(--preview-bg);color:var(--preview-fg);min-height:490px;transition:background-color var(--dur-base), color var(--dur-base);--preview-line:color-mix(in oklab, var(--preview-fg) 18%, transparent);--preview-soft:color-mix(in oklab, var(--preview-fg) 6%, var(--preview-bg));font-size:max(8px,1.65cqw);line-height:1.6;container-type:inline-size}.concept-site *{box-sizing:border-box;letter-spacing:0;min-width:0}.concept-nav,.concept-hero,.concept-content,.concept-extra{transition:padding var(--dur-base) var(--ease-out)}.concept-site h3,.concept-site h4{color:inherit;font-family:var(--font-display);letter-spacing:var(--preview-tracking);font-weight:var(--preview-weight);text-transform:var(--preview-case)}.concept-site h4{font-size:max(9px,1.8cqw);line-height:1.35}.concept-nav{padding:2cqw var(--preview-space);border-bottom:1px solid var(--preview-line);justify-content:space-between;align-items:center;gap:3cqw;display:flex}.concept-brand{overflow-wrap:anywhere;flex-direction:column;max-width:45%;line-height:1.4;display:flex}.concept-brand strong{font-size:max(10px,2cqw)}.concept-sample{opacity:.65;font-size:8px}.concept-pages{flex-wrap:wrap;justify-content:flex-end;gap:1.6cqw;max-width:60%;font-size:max(8px,1.3cqw);display:flex}.concept-pages span{overflow-wrap:anywhere}.concept-hero{padding:var(--preview-space);grid-template-columns:1.1fr 1fr;align-items:center;gap:4cqw;display:grid}.concept-eyebrow{color:var(--preview-accent);font-size:max(8px,1.3cqw)}.concept-hero h3{overflow-wrap:anywhere;margin:2cqw 0;font-size:5.1cqw;line-height:1.13}.concept-hero p{opacity:.78;margin:0 0 3cqw}.concept-action{border:1px solid var(--preview-accent);border-radius:var(--preview-radius);align-items:center;gap:1.5cqw;padding:1.7cqw 2cqw;font-size:max(8px,1.4cqw);font-weight:600;display:inline-flex}.concept-action svg{width:12px;height:12px}.concept-art{aspect-ratio:4/3;background:var(--preview-soft);border-radius:var(--preview-radius);border:1px solid var(--preview-line);position:relative;overflow:hidden}.concept-art:before{content:"";background:repeating-linear-gradient(135deg, transparent 0 12%, var(--preview-line) 12% 12.5%, transparent 12.5% 24%);position:absolute;inset:0}.concept-art-object{background:var(--preview-accent);position:absolute}.concept-art-caption{overflow-wrap:anywhere;font-size:max(7px,1.2cqw);position:absolute;bottom:5%;left:8%;right:8%}.concept-art--automotive .concept-art-object{background:linear-gradient(165deg, var(--preview-fg), var(--preview-accent) 50%, var(--preview-bg));width:80%;height:22%;box-shadow:0 8px 0 -4px var(--preview-fg);border-radius:40% 60% 15% 15%;top:48%;left:10%}.concept-art--automotive .concept-art-object:before{content:"";background:var(--preview-fg);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);width:55%;height:75%;position:absolute;top:-48%;left:20%}.concept-art--automotive .concept-art-object:after{content:"";border-inline:12px solid var(--preview-bg);border-radius:6px;position:absolute;inset:64% 10% -20%}.concept-art--architecture .concept-art-object{background:linear-gradient(90deg, var(--preview-accent) 60%, var(--preview-fg) 60%);clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%);width:65%;height:60%;top:22%;left:18%}.concept-art--architecture .concept-art-object:after{content:"";border:8px solid var(--preview-bg);background:repeating-linear-gradient(90deg, var(--preview-bg) 0 8%, transparent 8% 30%);position:absolute;inset:46% 18% 0}.concept-art--beauty .concept-art-object{background:linear-gradient(90deg, var(--preview-accent), var(--preview-fg) 45%, var(--preview-accent));border-radius:35% 35% 4px 4px;width:36%;height:52%;top:29%;left:32%}.concept-art--beauty .concept-art-object:before{content:"";background:var(--preview-fg);border-radius:3px;width:55%;height:23%;position:absolute;top:-20%;left:22.5%}.concept-art--beauty .concept-art-object:after{content:"FORME";text-align:center;color:var(--preview-bg);font-size:8px;position:absolute;top:45%;left:0;right:0}.concept-art--fitness .concept-art-object{border:14px solid var(--preview-accent);background:0 0;border-radius:50%;width:60%;height:60%;top:20%;left:20%;transform:rotate(-25deg)}.concept-art--fitness .concept-art-object:after{content:"";background:var(--preview-fg);width:150%;height:12%;position:absolute;top:44%;left:-25%}.concept-art--professional .concept-art-object{background:repeating-linear-gradient(90deg, var(--preview-accent) 0 18%, transparent 18% 28%);clip-path:polygon(0 70%,30% 50%,65% 30%,100% 0,100% 100%,0 100%);width:65%;height:65%;top:18%;left:18%}.concept-art--objects .concept-art-object{background:linear-gradient(90deg, var(--preview-accent), var(--preview-fg), var(--preview-accent));width:45%;height:58%;box-shadow:12px 10px 0 var(--preview-line);border-radius:40% 40% 12% 12%;top:24%;left:28%}.concept-content,.concept-extra{padding:3cqw var(--preview-space);border-top:1px solid var(--preview-line)}.concept-band-heading{justify-content:space-between;gap:10px;margin-bottom:3cqw;font-size:max(8px,1.4cqw);display:flex}.concept-tiles,.concept-gallery,.concept-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;display:grid}.concept-tiles article{border-top:1px solid var(--preview-line);padding:2.5cqw 1.8cqw;position:relative}.concept-number{color:var(--preview-accent)}.concept-tiles h4{margin:2cqw 0 0}.concept-tiles svg{width:10px;height:10px;position:absolute;top:2.5cqw;right:0}.concept-extra>h4{margin:0 0 2cqw}.concept-gallery .concept-art{aspect-ratio:3/2}.concept-gallery .concept-art:nth-child(2){filter:saturate(.5);transform:none}.concept-gallery .concept-art:nth-child(3) .concept-art-object{transform:scale(.8)}.concept-product-art{background:var(--preview-soft);aspect-ratio:3/2;margin-bottom:1cqw;padding:14% 25%}.concept-product-art div{background:linear-gradient(90deg, var(--preview-accent), var(--preview-fg), var(--preview-accent));border-radius:35% 35% 6% 6%;height:100%}.concept-products article{position:relative}.concept-products svg{float:right;width:10px;height:10px}.concept-booking{margin:var(--preview-space);background:var(--preview-soft);border-radius:var(--preview-radius);align-items:center;gap:2cqw;padding:3cqw;display:flex}.concept-booking>svg{flex-shrink:0;width:18px;height:18px}.concept-booking div{flex:1}.concept-booking div span{opacity:.7;display:block}.concept-enquiry{grid-template-columns:1fr 1fr;gap:4cqw;display:grid}.concept-form{grid-template-columns:1fr 1fr;gap:2cqw;display:grid}.concept-form>span:not(.concept-action){border-bottom:1px solid var(--preview-line);opacity:.75;padding:1.5cqw 0}.concept-message{grid-column:1/-1;min-height:6cqw}.concept-form .concept-action{grid-column:1/-1;justify-self:start}.concept-badges{padding:0 var(--preview-space) var(--preview-space);flex-wrap:wrap;gap:6px;display:flex}.concept-badges span{border:1px solid var(--preview-line);border-radius:var(--preview-radius);overflow-wrap:anywhere;padding:4px 6px;font-size:8px}.concept-footer{padding:3cqw var(--preview-space);border-top:1px solid var(--preview-line);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:max(8px,1.3cqw);display:flex}.concept-footer strong{overflow-wrap:anywhere;max-width:55%}.concept-social{align-items:center;gap:8px;font-weight:700;display:flex}.concept-social svg{width:12px;height:12px}.concept-menu{color:var(--preview-fg);background:0 0;flex-shrink:0}.concept-style--minimal .concept-art{border:0}.concept-style--minimal .concept-hero h3{font-family:var(--font-sans)}.concept-style--dark .concept-hero{padding-block:4cqw}.concept-style--dark .concept-art{background:var(--background)}.concept-style--dark .concept-action{background:var(--preview-accent);color:var(--primary-foreground)}.concept-style--bold .concept-hero{grid-template-columns:1.3fr 1fr}.concept-style--bold .concept-hero h3{font-size:6cqw;font-style:italic}.concept-style--bold .concept-art{transform:rotate(3deg)}.concept-style--bold .concept-tiles article{border-top-width:3px}.concept-style--elegant .concept-hero h3{font-family:var(--font-sans);font-style:italic;line-height:1.3}.concept-style--elegant .concept-hero{padding-block:4cqw}.concept-style--elegant .concept-art{border-radius:45% 45% 0 0}.concept-style--elegant .concept-action{border-inline:0;border-top:0;padding-inline:0}.concept-style--clean .concept-tiles article{background:var(--preview-soft);border-radius:var(--preview-radius)}.concept-style--clean .concept-action{background:var(--preview-accent);color:var(--primary-foreground)}.concept-style--creative .concept-hero{grid-template-columns:1fr;position:relative}.concept-style--creative .concept-hero-copy{max-width:80%}.concept-style--creative .concept-hero h3{font-size:6.5cqw}.concept-style--creative .concept-art{aspect-ratio:3;border-radius:0 30px}.concept-style--creative .concept-art-object{width:25%;height:75%;top:10%;left:60%}.concept-style--creative .concept-tiles article:nth-child(2){background:var(--preview-accent);color:var(--primary-foreground);transform:rotate(-3deg)}.concept-frame--mobile .concept-site{font-size:10px}.concept-frame--mobile .concept-nav{flex-wrap:wrap;padding:14px}.concept-frame--mobile .concept-brand{max-width:75%}.concept-frame--mobile .concept-brand strong{font-size:13px}.concept-frame--mobile .concept-pages{justify-content:flex-start;gap:10px;width:100%;max-width:100%;font-size:10px}.concept-frame--mobile .concept-pages--closed{display:none}.concept-frame--mobile .concept-hero{grid-template-columns:1fr;gap:20px;padding:20px 16px}.concept-frame--mobile .concept-hero-copy{max-width:100%}.concept-frame--mobile .concept-hero h3{font-size:26px}.concept-frame--mobile .concept-art{aspect-ratio:3/2}.concept-frame--mobile .concept-art-caption{font-size:8px}.concept-frame--mobile .concept-content,.concept-frame--mobile .concept-extra{padding:16px}.concept-frame--mobile .concept-tiles{grid-template-columns:1fr;gap:8px}.concept-frame--mobile .concept-tiles article{padding:12px}.concept-frame--mobile h4{font-size:12px}.concept-frame--mobile .concept-enquiry{grid-template-columns:1fr}.concept-frame--mobile .concept-booking{flex-wrap:wrap}.concept-frame--mobile .concept-action{padding:8px 10px;font-size:10px}@keyframes concept-art-breathe{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.concept-site[data-motion=on] .concept-hero .concept-art-object{animation:3s ease-in-out infinite alternate concept-art-breathe}.concept-site[data-motion=off] .concept-art-object{animation:none}@media (width<=640px){.concept-stage{height:520px}}@media (prefers-reduced-motion:reduce){.concept-frame,.concept-site,.concept-site *{transition:none;animation:none!important}}@keyframes builder-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.builder-step-motion,.builder-preview-switch{animation:builder-step-in var(--dur-base) var(--ease-out) both}.builder-shell :is(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.builder-shell h3[tabindex="-1"]:focus{outline:2px solid var(--ring);outline-offset:5px}.builder-choice{transition:border-color var(--dur-fast), background-color var(--dur-fast)}@media (hover:hover){.builder-choice:hover{border-color:var(--primary);background-color:var(--accent)}}@keyframes builder-complete{0%,to{opacity:1}45%{opacity:.45}}.builder-step-progress[data-complete=true] .builder-progress{animation:builder-complete .7s var(--ease-out) 1}@media (width<=1023px){.builder-shell{scroll-padding-bottom:88px}.builder-navigation{padding-bottom:max(16px, env(safe-area-inset-bottom))}.builder-step-motion{padding-bottom:20px}.builder-shell :is(input,textarea,select,button){scroll-margin-block:100px}}@media (prefers-reduced-motion:reduce){.builder-shell *,.builder-shell :before,.builder-shell :after{transition:none!important;animation:none!important}.builder-step-motion,.builder-preview-switch{animation:none;transform:none}.builder-progress{transition:none;animation:none}}
