/*
Theme Name: Mark Fenwick Perception Specialist
Theme URI: https://magiabizarra.nl/
Author: OpenAI for Mark Fenwick
Description: Precision responsive WordPress theme for Mark Fenwick / Magia Bizarra.
Version: 4.7.0
Text Domain: mark-fenwick-v3
*/
:root{--bg:#030b16;--bg2:#071322;--gold:#c89242;--gold2:#e3bd75;--cream:#ecd7ab;--muted:#b7a47f;--line:rgba(200,146,66,.46);--panel:rgba(6,17,31,.88)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#0a1c30 0,#030b16 48%,#020711 100%);color:var(--cream);font-family:Georgia,'Times New Roman',serif;line-height:1.42}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1540px,94vw);margin:auto}.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(2,9,17,.97);position:relative;z-index:20}.head-inner{display:grid;grid-template-columns:320px 1fr auto auto;gap:24px;align-items:center}.brand{display:flex;gap:14px;align-items:center;color:var(--gold2);letter-spacing:.12em}.sigil{width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:26px;position:relative}.sigil:before,.sigil:after{content:"";position:absolute;inset:8px;border:1px solid rgba(200,146,66,.6);transform:rotate(45deg)}.sigil:after{transform:rotate(-45deg)}.brand-title{font-size:25px;line-height:1;letter-spacing:.12em}.brand-sub{font:12px Arial,sans-serif;letter-spacing:.32em;margin-top:7px}.main-nav{display:flex;justify-content:center;gap:34px;font:14px Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.main-nav a{padding:34px 0 27px;position:relative}.main-nav a:hover:after,.main-nav a.active:after{content:"";position:absolute;height:1px;background:var(--gold);left:0;right:0;bottom:18px}.book-btn,.gold-btn{border:1px solid var(--gold);background:linear-gradient(#e6c17c,#bd8435);color:#15100a;font:700 14px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:16px 24px;box-shadow:inset 0 0 0 2px rgba(49,32,8,.3)}.book-btn:hover,.gold-btn:hover{filter:brightness(1.07)}.lang{display:flex;gap:8px;color:var(--gold2);font:13px Arial,sans-serif}.lang a.current{text-decoration:underline}.hero{min-height:405px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,rgba(15,41,65,.48),transparent 45%),linear-gradient(90deg,rgba(1,8,15,.5),transparent 35%,transparent 70%,rgba(1,8,15,.45));pointer-events:none}.hero-grid{min-height:405px;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;position:relative;z-index:2}.hero-art{height:405px;background-size:cover;background-position:center;opacity:.94}.hero-copy{padding:34px 28px}.hero-copy h1,.page-title{margin:0;color:var(--gold2);font-weight:400;font-size:clamp(48px,4.1vw,72px);line-height:1.02}.hero-copy .subtitle,.subtitle{font-size:clamp(22px,1.7vw,30px);font-style:italic;color:#d4bea0;margin:14px 0 24px}.dual{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:17px}.dual>*+*{border-left:1px solid var(--line);padding-left:30px;font-style:italic}.actions{display:flex;gap:18px;margin-top:26px}.outline-btn{border:1px solid var(--gold);padding:14px 22px;color:var(--gold2);font:700 13px Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-card{min-height:190px;padding:24px 28px;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(9,25,42,.95),rgba(4,13,25,.95));display:grid;grid-template-columns:76px 1fr;gap:18px}.icon-round{width:66px;height:66px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:30px;box-shadow:inset 0 0 0 6px rgba(200,146,66,.05)}.feature-card h3,.section-label,.panel h3{margin:3px 0 8px;color:var(--gold2);font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-size:19px}.feature-card p,.panel p,.copy p{margin:4px 0 10px;color:#d8c7a6;font-size:16px}.en{font-style:italic;color:#bcae93!important}.section{padding:26px 0}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:22px}.panel{border:1px solid var(--line);background:rgba(4,15,28,.83);min-height:160px;padding:28px}.quote-panel{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:20px;font-size:23px;font-style:italic}.quote-panel .art{height:150px;background-size:cover;background-position:center;border-left:1px solid var(--line)}.section-title{font-size:30px;color:var(--gold2);font-weight:400;margin:0 0 10px}.page-hero{min-height:375px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero .wrap{min-height:375px;display:grid;grid-template-columns:1.1fr 1.3fr 1.1fr;align-items:center}.page-hero .side-art{height:375px;background-size:cover;background-position:center;opacity:.9}.page-hero .center{text-align:center;padding:20px}.page-hero .center .page-title{font-size:clamp(46px,3.5vw,64px)}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.panel.card{border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:220px}.wide-banner{margin-top:12px;border:1px solid var(--line);padding:24px 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(5,17,30,.88)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:18px}.step{padding:20px 26px}.step+.step{border-left:1px solid var(--line)}.step-num{font-size:34px;color:var(--gold);float:left;margin-right:15px}.art-hero{min-height:315px;position:relative;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.art-hero .overlay-copy{width:46%;padding:40px 0;position:relative;z-index:2}.art-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04101d 5%,rgba(4,16,29,.92) 34%,rgba(4,16,29,.18) 67%,rgba(4,16,29,.55));}.story-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.story-card{border:1px solid var(--line);background:#061424;min-height:300px;padding:18px}.story-art{height:100px;border-bottom:1px solid var(--line);margin:-18px -18px 18px;background:radial-gradient(circle,#b87e30 0 3px,transparent 4px),radial-gradient(circle at 30% 60%,rgba(200,146,66,.2),transparent 35%),#081a2c}.newsletter{display:grid;grid-template-columns:1.4fr .7fr;gap:14px;margin-top:14px}.contact-layout{display:grid;grid-template-columns:390px 1fr 390px;gap:18px;align-items:start}.contact-left-art{height:375px;background-size:cover;background-position:center;border:1px solid var(--line)}.contact-box,.notes-box{border:1px solid var(--line);background:#061524;padding:24px}.contact-box h2,.notes-box h3{color:var(--gold2);font-weight:400;text-transform:uppercase;letter-spacing:.04em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.contact-box label{font:13px Arial,sans-serif;color:var(--gold2);text-transform:uppercase}.contact-box input,.contact-box select,.contact-box textarea{width:100%;background:#061322;border:1px solid rgba(200,146,66,.55);color:#f0ddb7;padding:12px;margin-top:6px;font:15px Georgia,serif}.contact-box textarea{min-height:120px}.contact-box button{width:100%;margin-top:16px}.status{margin-top:10px;color:var(--gold2)}.faq-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:16px}.faq{padding:20px}.faq+.faq{border-left:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);padding:24px 0 30px;color:#b99c65}.foot-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.footer-nav{display:flex;gap:28px;font:13px Arial,sans-serif;text-transform:uppercase}.socials{display:flex;gap:12px}.social{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center}.mobile-nav{display:none}.copyright{font-size:13px}.kicker{color:var(--gold2);text-transform:uppercase;letter-spacing:.09em;font:13px Arial,sans-serif}.hidden{display:none!important}
@media(max-width:1150px){.head-inner{grid-template-columns:260px 1fr auto}.lang{display:none}.main-nav{gap:17px;font-size:12px}.brand-title{font-size:21px}.hero-grid{grid-template-columns:.85fr 1.3fr .85fr}.dual{grid-template-columns:1fr}.dual>*+*{display:none}.feature-card{grid-template-columns:1fr}.icon-round{width:54px;height:54px}.contact-layout{grid-template-columns:300px 1fr}.notes-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:860px){.site-header{height:auto;padding:14px 0}.head-inner{grid-template-columns:1fr auto}.main-nav,.book-btn{display:none}.mobile-nav{display:block;border:1px solid var(--line);padding:10px 14px;color:var(--gold2)}.hero-grid,.page-hero .wrap{grid-template-columns:1fr}.hero-art,.page-hero .side-art{height:230px}.hero-art.left,.page-hero .side-art.left{display:none}.hero-copy{padding:34px 18px}.hero{min-height:auto}.feature-grid,.cards-4,.story-grid{grid-template-columns:1fr 1fr}.cards-3{grid-template-columns:1fr}.about-grid,.newsletter,.contact-layout{grid-template-columns:1fr}.contact-left-art{height:260px}.notes-column{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step+.step{border-left:0;border-top:1px solid var(--line)}.art-hero .overlay-copy{width:88%}.faq-grid{grid-template-columns:1fr 1fr}.faq:nth-child(3){border-left:0;border-top:1px solid var(--line)}.faq:nth-child(4){border-top:1px solid var(--line)}.foot-inner{grid-template-columns:1fr}.footer-nav{flex-wrap:wrap}}
@media(max-width:560px){.wrap{width:92vw}.brand-sub{font-size:10px}.brand-title{font-size:18px}.sigil{width:42px;height:42px}.hero-copy h1,.page-title{font-size:42px}.feature-grid,.cards-4,.story-grid,.faq-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card+.feature-card{border-top:1px solid var(--line)}.actions{flex-direction:column}.wide-banner{flex-direction:column;align-items:flex-start;gap:18px}.quote-panel{grid-template-columns:1fr}.quote-panel .art{display:none}.form-grid{grid-template-columns:1fr}.footer-nav{gap:14px}}

/* v4.1 content expansion */
.definition-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:18px}.definition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.definition-item{border-top:1px solid var(--line);padding-top:13px}.definition-item strong{display:block;color:var(--gold2);font-weight:400;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.institute-note{border:1px solid var(--line);padding:26px;background:linear-gradient(145deg,rgba(11,28,45,.9),rgba(4,14,26,.95));position:relative}.institute-note:before{content:"✧";position:absolute;right:20px;top:14px;color:var(--gold);font-size:28px}.institute-note h3{color:var(--gold2);font-weight:400;font-size:25px;margin:0 40px 12px 0}.institute-note em{color:#d8c5a3}.lead-copy{font-size:18px;color:#dfcca8}.mini-label{font:12px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:18px}.principle{padding:22px}.principle+.principle{border-left:1px solid var(--line)}.principle h3{color:var(--gold2);font-weight:400;margin:0 0 9px}.fine-note{color:#b9a887;font-size:14px;font-style:italic}@media(max-width:860px){.definition-grid,.principles{grid-template-columns:1fr}.principle+.principle{border-left:0;border-top:1px solid var(--line)}}@media(max-width:560px){.definition-list{grid-template-columns:1fr}}


/* v4.2 imagery and intimate-performance refinements */
.panel.figure-panel{padding:16px;display:flex;align-items:center;justify-content:center}
.figure-panel img{width:100%;height:auto;border:1px solid var(--line)}
.hero-art.portrait{background-position:center top}
.hero-art.stage{background-position:center center}
.page-hero .side-art.portrait{background-position:center top}
.page-hero .side-art.handshake{background-position:center center}
.experience-focus{margin-top:18px;border:1px solid var(--line);padding:22px;background:rgba(9,23,38,.82)}
.experience-focus h3{margin:0 0 10px;color:var(--gold2);font-weight:400;text-transform:uppercase;letter-spacing:.05em}
.experience-focus p{margin:0;color:#d8c7a6}
.cert-figure{margin-top:18px}
.cert-figure img{width:100%;height:auto;border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.22)}


/* v4.4: focused imagery, Magia Bizarra refinement and mobile layout */
html,body{max-width:100%;overflow-x:hidden}
.wrap,.head-inner,.hero-grid,.page-hero .wrap,.definition-grid,.cards-3,.cards-4,.contact-layout,.about-grid,.wide-banner>*{min-width:0}
.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--gold2);padding:10px 12px;font:12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.mobile-menu{display:none}
.mobile-menu.open{display:block}
.mobile-menu-inner{width:min(94vw,680px);margin:0 auto;padding:8px 0 14px;display:grid;gap:2px}
.mobile-menu a{display:block;padding:12px 14px;border-top:1px solid rgba(200,146,66,.2);font:13px Arial,sans-serif;text-transform:uppercase;color:var(--cream)}
.mobile-menu .mobile-langs{display:flex;gap:12px;padding:12px 14px;border-top:1px solid rgba(200,146,66,.2)}
.mark-intro{display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:start}
.profile-small{width:132px;aspect-ratio:2/3;object-fit:cover;object-position:center top;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.28)}
.profile-caption{font-size:12px;color:var(--muted);margin-top:8px;font-style:italic}
.magia-intro{max-width:860px;margin:0 auto;text-align:center}
.magia-experience{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.magia-experience .panel{min-height:100%}
.magia-object{min-height:360px;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,rgba(190,133,54,.12),transparent 32%),linear-gradient(145deg,#091b2c,#030a13);display:grid;place-items:center;padding:36px;position:relative;overflow:hidden}
.magia-object:before,.magia-object:after{content:"";position:absolute;border:1px solid rgba(200,146,66,.25);border-radius:50%}
.magia-object:before{width:270px;height:270px}.magia-object:after{width:190px;height:190px}
.magia-object-symbol{position:relative;z-index:2;font-size:72px;color:var(--gold);font-weight:400}
.magia-object-copy{position:relative;z-index:2;margin-top:90px;max-width:340px;text-align:center;color:#cbb896;font-style:italic}
.magia-phases{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:18px}
.magia-phase{padding:24px}
.magia-phase+.magia-phase{border-left:1px solid var(--line)}
.magia-phase .num{color:var(--gold);font-size:30px;margin-bottom:10px}
.magia-phase h3{color:var(--gold2);font-weight:400;margin:0 0 8px}
.magia-phase p{margin:0;color:#d8c7a6}

@media(max-width:860px){
  body{font-size:16px}
  .site-header{padding:10px 0;height:auto;position:relative}
  .head-inner{grid-template-columns:1fr auto;gap:12px}
  .brand{gap:10px;min-width:0}
  .brand-title{font-size:18px;white-space:nowrap}
  .brand-sub{font-size:9px;letter-spacing:.22em}
  .sigil{width:40px;height:40px;font-size:20px;flex:0 0 auto}
  .main-nav,.book-btn,.lang,.mobile-nav{display:none!important}
  .mobile-toggle{display:block}
  .mobile-menu{background:#030b16;border-bottom:1px solid var(--line)}
  .hero,.hero-grid{min-height:0}
  .hero-grid{display:block}
  .hero-art{display:none!important}
  .hero-copy{padding:38px 0 34px}
  .hero-copy h1{font-size:clamp(39px,11vw,58px);line-height:1.02}
  .hero-copy .subtitle{font-size:21px;margin:12px 0 18px}
  .lead-copy{font-size:17px}
  .feature-grid{grid-template-columns:1fr;border-right:1px solid var(--line)}
  .feature-card{grid-template-columns:58px 1fr;min-height:0;padding:20px;border-top:1px solid var(--line)}
  .feature-card:first-child{border-top:0}
  .page-hero{min-height:0;padding:36px 0}
  .page-hero .wrap{display:block;min-height:0}
  .page-hero .side-art{display:none!important}
  .page-hero .center{padding:0;text-align:left}
  .page-hero .center .page-title,.page-title{font-size:clamp(38px,10vw,52px);line-height:1.04}
  .page-hero .center .subtitle,.subtitle{font-size:20px}
  .section{padding:18px 0}
  .panel{padding:22px}
  .definition-grid,.about-grid,.contact-layout,.magia-experience{grid-template-columns:1fr}
  .cards-3,.cards-4{grid-template-columns:1fr;border-left:1px solid var(--line)}
  .panel.card{border-left:0;border-top:1px solid var(--line);min-height:0}
  .mark-intro{grid-template-columns:86px 1fr;gap:16px}
  .profile-small{width:86px}
  .principles,.magia-phases{grid-template-columns:1fr}
  .principle+.principle,.magia-phase+.magia-phase{border-left:0;border-top:1px solid var(--line)}
  .wide-banner{padding:22px;align-items:flex-start}
  .wide-banner>div{width:100%}
  .art-hero{min-height:0;background-image:none!important;padding:30px 0}
  .art-hero:before{background:radial-gradient(circle at 80% 20%,rgba(200,146,66,.08),transparent 35%),#04101d}
  .art-hero .overlay-copy{width:100%;padding:0}
  .contact-layout{gap:12px}
  .contact-left-art,.large-portrait{display:none}
  .contact-box,.notes-box{padding:20px}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .faq-grid{grid-template-columns:1fr}
  .faq+.faq{border-left:0;border-top:1px solid var(--line)}
  .foot-inner{grid-template-columns:1fr;gap:16px}
  .footer-nav{display:none}
  .socials{display:none}
  .copyright{text-align:center}
}
@media(max-width:560px){
  .wrap{width:90vw}
  .brand-title{font-size:16px}
  .brand-sub{font-size:8px}
  .hero-copy h1,.page-title,.page-hero .center .page-title{font-size:38px}
  .actions{gap:10px}
  .outline-btn,.gold-btn{width:100%;text-align:center;padding:13px 14px}
  .feature-card{grid-template-columns:48px 1fr;gap:14px;padding:18px}
  .icon-round{width:46px;height:46px;font-size:22px}
  .section-title{font-size:27px}
  .mark-intro{display:block}
  .profile-small{width:92px;float:left;margin:0 16px 10px 0}
  .profile-caption{display:none}
  .magia-object{min-height:280px;padding:24px}
  .magia-object:before{width:210px;height:210px}.magia-object:after{width:145px;height:145px}
  .magia-object-symbol{font-size:58px}
  .magia-object-copy{margin-top:70px;font-size:14px}
}


/* v4.5 cognitive psychology / perception science */
.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.science-card{border:1px solid var(--line);background:rgba(5,17,30,.88);padding:20px}.science-card h3{margin:0 0 8px;color:var(--gold2);font-weight:400;font-size:18px}.science-card p{margin:0;color:#d8c7a6}.science-note{border-left:2px solid var(--gold);padding:12px 16px;margin-top:18px;color:#c8b58f;background:rgba(200,146,66,.05)}@media(max-width:860px){.science-grid{grid-template-columns:1fr}}


/* v4.7 graphic accents and lighter reading rhythm */
.kicker{font:12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);margin-bottom:12px}
.ornament{display:flex;justify-content:center;align-items:center;padding:20px 0;color:var(--gold);opacity:.92}
.ornament img{width:min(480px,78vw);height:auto;display:block}
.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 0 24px}
.signal-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(8,22,38,.96),rgba(4,12,23,.96));padding:18px 18px 16px;position:relative;overflow:hidden}
.signal-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(227,189,117,.75),transparent)}
.signal-card .signal-num{display:block;color:var(--gold);font:700 14px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.signal-card h3{margin:0 0 7px;color:var(--gold2);font-size:20px;font-weight:400}
.signal-card p{margin:0;color:#d6c29f;font-size:15px}
.visual-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}
.visual-panel{border:1px solid var(--line);background:rgba(4,15,28,.84);padding:28px;position:relative;overflow:hidden}
.visual-panel:before{content:"";position:absolute;inset:auto -18% -50% auto;width:260px;height:260px;border-radius:50%;border:1px solid rgba(200,146,66,.16)}
.visual-panel:after{content:"";position:absolute;inset:22px auto auto 22px;width:82px;height:82px;border:1px solid rgba(200,146,66,.12);transform:rotate(45deg)}
.visual-panel h3{margin:0 0 12px;color:var(--gold2);font-weight:400;font-size:26px}
.visual-panel p{margin:0 0 12px;color:#d8c7a6}
.perception-graphic{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:center}
.perception-graphic img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.glance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.glance{border:1px solid var(--line);padding:16px;background:rgba(5,17,30,.75)}
.glance strong{display:block;color:var(--gold2);font-weight:400;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.icon-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.icon-chip{border:1px solid var(--line);padding:16px 16px 14px;background:rgba(200,146,66,.04);text-align:center}
.icon-chip .icon-round{margin:0 auto 10px}
.quote-slab{border:1px solid var(--line);padding:26px 30px;background:linear-gradient(160deg,rgba(10,25,42,.94),rgba(4,14,25,.96));font-size:24px;font-style:italic;color:#f2dfba;position:relative}
.quote-slab:before{content:"✦";position:absolute;top:18px;right:20px;color:rgba(227,189,117,.65);font-size:28px}
.perception-loop{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.loop-item{padding:18px;border:1px solid var(--line);background:rgba(4,15,28,.78)}
.loop-item .mini-label{display:block;margin-bottom:8px}
.section-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.info-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.info-badge{padding:9px 12px;border:1px solid var(--line);font:12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);background:rgba(200,146,66,.05)}
.atmosphere-visual{min-height:360px;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,rgba(200,146,66,.13),transparent 24%),linear-gradient(145deg,#08182a,#030913);display:grid;place-items:center;padding:26px;position:relative;overflow:hidden}
.atmosphere-visual .seal{width:min(300px,76%);opacity:.96}
.atmosphere-visual .caption{position:absolute;left:24px;right:24px;bottom:22px;text-align:center;color:#cbb896;font-style:italic}
.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.mood-card{border:1px solid var(--line);background:rgba(6,18,31,.82);padding:22px;position:relative}
.mood-card:before{content:"";position:absolute;top:16px;right:16px;width:26px;height:26px;border-top:1px solid rgba(227,189,117,.35);border-right:1px solid rgba(227,189,117,.35)}
.mood-card h3{margin:0 0 10px;color:var(--gold2);font-size:22px;font-weight:400}
.inline-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(200,146,66,.55),transparent);margin:12px 0 18px}
.section-note{margin-top:14px;padding:14px 16px;border-left:2px solid var(--gold);background:rgba(200,146,66,.05);color:#ccb98f}
.contact-prompt{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.prompt-card{border:1px solid var(--line);background:rgba(4,15,28,.78);padding:18px}
.prompt-card h3{margin:0 0 9px;color:var(--gold2);font-size:19px;font-weight:400}

@media(max-width:1020px){
  .signal-strip,.glance-grid,.perception-loop,.mood-grid,.contact-prompt{grid-template-columns:repeat(2,1fr)}
  .icon-list{grid-template-columns:1fr 1fr}
  .perception-graphic{grid-template-columns:240px 1fr}
}
@media(max-width:860px){
  .signal-strip,.glance-grid,.perception-loop,.mood-grid,.contact-prompt,.icon-list,.section-grid-2,.visual-grid{grid-template-columns:1fr}
  .perception-graphic{grid-template-columns:1fr;gap:14px}
  .ornament{padding:14px 0}
  .quote-slab{font-size:20px;padding:22px}
  .visual-panel{padding:22px}
  .signal-card,.mood-card,.prompt-card{padding:18px}
}
@media(max-width:560px){
  .signal-card h3,.mood-card h3{font-size:20px}
  .atmosphere-visual{min-height:300px}
}
