/* Built Beyond Boundaries — Sky Sanctuary (the FIRST, soft celestial pastel concept).
   Self-contained visual layer for the fully functional V3 prototype. */
:root{
 --navy:#283244;--navy2:#52616b;--gold:#d3af76;--gold-dark:#986c32;
 --ivory:#f9f3f3;--cream:#f9f0ed;--ink:#4b3b3a;--muted:#6f6266;--line:#ebdbdf;
}
html{scroll-padding-top:85px}
body{background:#fbf4f3;color:var(--ink)}
.announcement{display:none}
.site-header{height:82px;background:rgba(255,250,249,.84);backdrop-filter:blur(22px);border-bottom:1px solid rgba(216,182,169,.36);box-shadow:0 2px 20px rgba(92,75,105,.045)}
.brand{color:#ad8754}.brand-name{color:#54403a}.brand-name span{color:#ac8055}.brand-name small{color:#947781}
.desktop-nav a{color:#574951;font-weight:650}.desktop-nav a:hover{color:#ae7c4d}
.nav-studio{border:1px solid #c6a477;color:#6d4e41;border-radius:8px;background:rgba(255,255,255,.58)}
.nav-studio:hover{background:#bf9865;color:#fff}
/* Sky garden hero: user-selected FIRST variation, lavender, blush, peach, pale aqua. */
.hero{min-height:625px;background:linear-gradient(114deg,rgba(250,238,248,.38),rgba(249,239,233,.14)),url('assets/celestial-sky.jpg') center/cover;color:#4b3c39;isolation:isolate}
.hero::before{background:linear-gradient(90deg,rgba(252,244,245,.88) 0%,rgba(253,244,247,.74) 30%,rgba(254,246,242,.42) 47%,rgba(252,245,246,0) 66%);z-index:-1}
.hero-photo{width:55%;background-image:linear-gradient(90deg,rgba(250,240,246,1) 0%,rgba(251,242,247,.78) 11%,rgba(248,241,247,.08) 39%),url('assets/sky-arches.jpg');background-size:cover;background-position:center center;opacity:.94;z-index:-2;filter:saturate(1.06)}
.hero-silk{opacity:.52}
.hero-layout{min-height:625px;padding-top:60px;padding-bottom:78px}
.hero-copy{max-width:625px}
.hero-overline{color:#a07660}
.hero-lockup h1{color:#4a3638}
.hero-lockup h1 span{color:#b68d53}
.hero-tagline{color:#513c43}.hero-tagline .rule{background:#c59c72}
.hero-description{color:#69595e}
.hero-footnote{color:#967781}
.btn{box-shadow:0 7px 25px rgba(135,104,106,.13)}
.btn-gold{background:linear-gradient(125deg,#d9b988,#ae8148);color:#fff}
.btn-outline{border-color:#b9946d;color:#634c4c;background:rgba(255,251,250,.74)}
/* Floating, airy editorial cards */
.how-section{background:linear-gradient(180deg,rgba(253,243,246,.50),rgba(250,241,241,.52)),url('assets/celestial-sky.jpg') 50% 31%/cover;padding-bottom:60px}
.method-grid{top:-39px}
.method-card{background:linear-gradient(145deg,rgba(255,252,252,.84),rgba(254,246,244,.70));border:1px solid rgba(255,255,255,.93);box-shadow:0 15px 35px rgba(110,93,124,.14);backdrop-filter:blur(8px);border-radius:18px}
.method-card::after{border-color:rgba(222,197,216,.13)}
.method-card h2{color:#503d41}.method-card p:not(.method-index){color:#795e69}
.method-index{color:#a88268}.method-icon svg{stroke:#ad8551}
.method-card:hover{box-shadow:0 20px 36px rgba(110,93,124,.18)}
.method-after h2{color:#493944}.method-after p:not(.kicker){color:#77656d}
.featured-section{background:linear-gradient(180deg,rgba(248,247,245,.62),rgba(247,241,247,.63)),url('assets/celestial-sky.jpg') center 60%/cover;padding-top:65px}
.featured-section::before{background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.43),transparent 68%)}
.section-heading h2,.section-heading.centered h2{color:#4b3a43}
.section-heading p:not(.kicker){color:#776570}
.featured-card{background:rgba(255,250,249,.78);border:1px solid rgba(255,255,255,.93);box-shadow:0 13px 30px rgba(118,92,123,.14);border-radius:15px;backdrop-filter:blur(13px)}
.featured-card::before{background:linear-gradient(100deg,rgba(255,250,249,.85),rgba(252,238,246,.45)),url('assets/celestial-card.jpg') center/cover}
.feature-creative::before{background:linear-gradient(100deg,rgba(255,250,249,.95),rgba(250,242,249,.59)),url('assets/sky-arches.jpg') center/cover}
.feature-career::before{background:linear-gradient(100deg,rgba(255,250,249,.91),rgba(235,246,243,.59)),url('assets/celestial-card.jpg') center/cover}
.featured-card::after{border-color:rgba(229,198,204,.15)}
.featured-copy strong{color:#584049}.featured-copy small{color:#7a636c}
.featured-icon,.featured-copy em{color:#ae804f}
.catalog-section{background:linear-gradient(180deg,rgba(255,249,247,.79),rgba(244,246,247,.69)),url('assets/celestial-sky.jpg') 60% 40%/cover}
.filter-chip{border-color:#dcc5ce;color:#785963;background:rgba(255,250,248,.77)}
.filter-chip:hover,.filter-chip.selected{background:#a47b67;border-color:#a47b67}
.search-wrap{background:rgba(255,255,255,.8);border-color:#e4cbd3}
.project-card{background:rgba(255,252,253,.85);border:1px solid rgba(255,255,255,.95);border-radius:15px;box-shadow:0 12px 28px rgba(112,89,125,.11);backdrop-filter:blur(7px)}
.card-top{background:linear-gradient(115deg,rgba(241,219,238,.2),rgba(249,232,211,.16)),url('assets/celestial-card.jpg') center/cover!important}
.card-top::after{border-color:rgba(255,255,255,.35)}
.card-title{color:#543e48}.card-description{color:#76626c}
.card-button{background:rgba(252,245,243,.85);border-color:#d7b7b0;color:#8b695c}
.card-button:hover{background:#b58d69}
.dashboard-showcase{background:linear-gradient(150deg,rgba(255,250,250,.64),rgba(242,244,248,.62)),url('assets/celestial-sky.jpg') center/cover}
.dashboard-showcase::before{background:radial-gradient(ellipse at 77% 50%,rgba(255,255,255,.50),transparent 63%)}
.dashboard-showcase-copy h2{color:#4d3a45}.dashboard-showcase-copy>p:not(.kicker){color:#74636e}
.dashboard-preview{background:rgba(255,252,253,.76);border:1px solid rgba(255,255,255,.96);box-shadow:0 17px 45px rgba(125,100,126,.20);backdrop-filter:blur(18px)}
.preview-project{background:rgba(255,255,255,.56);border-color:#eadde7}
.preview-track{background:#ebe1e8}.preview-track i{background:linear-gradient(90deg,#d3ac8b,#a97c58)}
.thumb-one{background:url('assets/celestial-card.jpg') 20% 20%/cover}.thumb-two{background:url('assets/sky-arches.jpg') center/cover}.thumb-three{background:url('assets/celestial-card.jpg') 80% 78%/cover}
.vision-section{background:linear-gradient(130deg,rgba(251,247,250,.88),rgba(248,239,239,.85)),url('assets/celestial-sky.jpg') center/cover;border-color:#eadde4}
.vision-quote h2,.vision-copy h3{color:#4e3c46}.vision-copy>p:not(.kicker){color:#796b75}
.cta-section{background:linear-gradient(120deg,rgba(248,244,246,.72),rgba(247,240,245,.82)),url('assets/celestial-sky.jpg') center/cover}
.cta-panel{background:linear-gradient(105deg,rgba(255,249,249,.86),rgba(241,234,249,.73));border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(9px);box-shadow:0 12px 30px rgba(119,95,115,.12)}
.footer{background:#f4eaf0;border-top-color:#e8d5e0}
/* Studio and product modals continue to function with a matching celestial theme */
#studio-view{background:linear-gradient(160deg,rgba(253,245,248,.84),rgba(239,243,249,.85)),url('assets/celestial-sky.jpg') center/cover;min-height:85vh}
.studio-empty,.workspace-main,.guide-panel,.export-panel{background:rgba(255,251,251,.86);border:1px solid #ead8e2;box-shadow:0 10px 23px rgba(113,90,113,.08)}
.studio-title-row h1{color:#4e3c46}
.project-tab{background:#fff7f9;border-color:#e4cad4;color:#604950}
.project-tab.active{background:#ac896b;border-color:#ac896b;color:white}
.guide-panel{background:linear-gradient(130deg,#af8b92,#917c99);color:#fff}
.complete-button{background:#ac8566}
.privacy-panel{background:#f5eaf0;border-color:#e8d6e0}
.modal-backdrop{background:#433748ab}
.modal{background:#fffbfd}
.toast{background:#745667;border-left-color:#e7c49b}
@media(max-width:1080px){.hero-photo{width:62%}.hero-layout{min-height:605px}}
@media(max-width:900px){.hero-photo{width:79%;opacity:.67}.hero::before{background:linear-gradient(90deg,rgba(252,243,248,.95) 0%,rgba(252,242,247,.90) 30%,rgba(252,243,248,.62) 70%,rgba(252,243,248,.32) 100%)}.mobile-nav:not([hidden]){background:rgba(255,250,251,.98);border-color:#ead8e2}.mobile-nav a{color:#624e58}}
@media(max-width:680px){
 .site-header{height:76px}.mobile-menu{color:#5c4654}
 .hero{background:linear-gradient(110deg,rgba(248,235,244,.32),rgba(244,242,250,.28)),url('assets/celestial-sky.jpg') center/cover}
 .hero-photo{width:100%;height:53%;opacity:.33;background-position:68% 30%;-webkit-mask-image:linear-gradient(#000 10%,transparent 100%);mask-image:linear-gradient(#000 10%,transparent 100%)}
 .hero::before{background:linear-gradient(180deg,rgba(251,243,249,.7),rgba(250,245,249,.78) 62%,rgba(251,244,247,.91))}
 .hero-layout{min-height:595px;padding-top:35px;padding-bottom:70px}
 .hero-lockup h1{color:#3f3039}
 .hero-overline{color:#907181}
 .method-grid{top:-30px}.method-card{background:rgba(255,252,254,.86)}
 .featured-section,.catalog-section,.dashboard-showcase{background-size:auto 100%}
 .catalog-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
 .header-inner{gap:8px}
 .brand{min-width:0;gap:7px}
 .brand-name{font-size:.73rem;max-width:182px}
 .brand-name small{font-size:.34rem;letter-spacing:.09em}
 .nav-studio{white-space:nowrap;padding:10px 8px;font-size:.63rem;gap:5px}
}