@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
    :root { --ink:#181d1c; --muted:#646b66; --paper:#f4f1e9; --white:#fffefa; --line:#d9d8ce; --accent:#c9ef62; --dark:#182d28; --orange:#f2a96b; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',Arial,sans-serif; }
    button,input { font:inherit; }
    button { cursor:pointer; }
    a { color:inherit; text-decoration:none; }
    .wrap { max-width:1440px; margin:auto; padding:0 clamp(20px,5vw,80px); }
    .skip { position:absolute; left:-9999px; background:#fff; z-index:20; padding:12px; }
    .skip:focus { left:12px; top:12px; }
    .announcement { background:#1b302a; color:#e8f0de; font-size:11px; letter-spacing:.07em; text-transform:uppercase; text-align:center; padding:10px; }
    .site-header { position:relative; border-bottom:1px solid var(--line); background:var(--paper); z-index:10; }
    .header-row { height:78px; display:flex; align-items:center; gap:28px; }
    .brand { display:flex; align-items:center; gap:10px; flex:1; white-space:nowrap; }
    .brand-symbol { width:31px; height:31px; display:grid; place-items:center; background:var(--ink); color:var(--accent); border-radius:50%; font-size:19px; font-weight:800; transform:rotate(-15deg); }
    .brand-text { font:800 23px/1 'Manrope',sans-serif; letter-spacing:-.075em; }
    .brand-text span { font-weight:500; letter-spacing:-.065em; }
    .nav { display:flex; gap:34px; align-items:center; font-size:14px; font-weight:600; }
    .nav a { padding:12px 0; }
    .nav a:hover, .text-link:hover { text-decoration:underline; text-underline-offset:5px; }
    .header-actions { flex:1; display:flex; justify-content:flex-end; align-items:center; gap:10px; }
    .icon-button { width:42px; height:42px; display:grid; place-items:center; background:transparent; border:1px solid transparent; border-radius:50%; color:var(--ink); }
    .icon-button:hover, .icon-button:focus-visible { border-color:var(--line); }
    .icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .menu-button { display:none; }
    .hero { display:grid; grid-template-columns: 1fr 1.04fr; min-height:600px; padding-top:44px; padding-bottom:54px; gap:4vw; }
    .hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:30px 0; }
    .eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
    .eyebrow::before { content:""; display:block; width:7px; height:7px; background:#91a941; border-radius:50%; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2,h3 { font-family:'Manrope',sans-serif; }
    h1 { margin:22px 0 25px; font-size:clamp(55px,6.6vw,104px); line-height:.99; letter-spacing:-.09em; font-weight:700; max-width:680px; }
    h1 em { font-style:normal; color:#607466; }
    .hero-copy p { font-size:clamp(16px,1.55vw,20px); line-height:1.55; color:#48524c; max-width:490px; }
    .hero-cta { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:25px; }
    .pill { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:30px; padding:0 21px; border:1px solid var(--ink); border-radius:30px; font-size:13px; font-weight:700; background:var(--ink); color:white; transition:transform .2s,background .2s; }
    .pill:hover { transform:translateY(-2px); background:#34463c; }
    .text-link { font-size:13px; font-weight:700; }
    .hero-art { overflow:hidden; position:relative; min-height:510px; background:#dce7cb; border-radius:7px; display:grid; place-items:center; isolation:isolate; }
    .hero-art::before { content:""; position:absolute; width:88%; aspect-ratio:1; border:1px solid rgba(24,45,40,.28); border-radius:50%; }
    .hero-art::after { content:""; position:absolute; width:58%; aspect-ratio:1; border:1px solid rgba(24,45,40,.24); border-radius:50%; }
    .arc { position:absolute; width:120%; aspect-ratio:1; border:1px solid rgba(24,45,40,.18); border-radius:50%; transform:translate(22%,30%); }
    .sun { width:clamp(180px,22vw,330px); aspect-ratio:1; border-radius:50%; background:#e9efae; box-shadow:0 0 0 18px rgba(240,247,195,.33), 0 20px 70px rgba(48,80,49,.1); z-index:1; }
    .orbit { position:absolute; width:12px; height:12px; border-radius:50%; background:var(--dark); top:22%; left:23%; z-index:2; }
    .orbit.two { width:18px; height:18px; background:#d27d54; top:auto; left:auto; bottom:18%; right:21%; }
    .hero-art .stamp { position:absolute; z-index:4; background:var(--paper); padding:13px 17px; bottom:23px; left:24px; font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
    .hero-art .coordinates { position:absolute; top:25px; right:25px; font-size:11px; letter-spacing:.08em; z-index:4; }
    .section { padding-top:70px; padding-bottom:88px; }
    .section-heading { display:flex; justify-content:space-between; gap:20px; align-items:end; margin-bottom:30px; }
    .section-heading h2 { font-size:clamp(29px,3vw,45px); line-height:1.1; letter-spacing:-.065em; margin:14px 0 0; }
    .section-heading .text-link { margin-bottom:7px; white-space:nowrap; }
    .topics { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin-bottom:29px; }
    .topics::-webkit-scrollbar { display:none; }
    .topic { padding:10px 17px; border:1px solid #c9cec3; border-radius:30px; background:transparent; white-space:nowrap; font-size:12px; font-weight:700; }
    .topic.active { background:var(--dark); color:white; border-color:var(--dark); }
    .story-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:19px; }
    .story { display:flex; flex-direction:column; background:var(--white); border:1px solid var(--line); min-width:0; transition:transform .2s; }
    .story[hidden] { display:none !important; }
    .story:hover { transform:translateY(-4px); }
    .story-visual { aspect-ratio:1.35; display:grid; place-items:center; overflow:hidden; position:relative; }
    .story:first-child .story-visual { aspect-ratio:1.28; }
    .visual-earth { background:radial-gradient(circle at 49% 47%, #8eae9b 0 17%, #345f55 18% 23%, #152b29 24% 24.5%, transparent 25%),radial-gradient(circle at 48% 48%,#b6c8a7,#697e6d 48%,#1c3632 80%); }
    .visual-earth::after { content:""; width:73%; aspect-ratio:1; border:1px solid #e2eacb88; border-radius:50%; box-shadow:0 0 0 39px #c6d5b114, 0 0 0 80px #c6d5b10d; }
    .visual-time { background:#d9d7c8; }
    .visual-time::before { content:"01"; font:800 clamp(100px,13vw,190px)/1 'Manrope'; letter-spacing:-.13em; color:#69766f; transform:rotate(-9deg); }
    .visual-time::after { content:"SANIYE"; position:absolute; font-size:11px; letter-spacing:.24em; font-weight:800; transform:translateY(88px); }
    .visual-net { background:#292e2b; }
    .visual-net::before { content:""; width:50%; aspect-ratio:1; border:1px solid #d8ebbc; border-radius:50%; box-shadow:0 0 0 24px #d8ebbc12, 0 0 0 64px #d8ebbc12, 0 0 0 104px #d8ebbc0c; }
    .visual-net::after { content:"_"; position:absolute; font-size:62px; color:var(--accent); transform:translateY(-18px); }
    .story-body { padding:23px 23px 25px; flex:1; display:flex; flex-direction:column; }
    .meta { color:#617168; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
    .story h3 { font-size:clamp(19px,1.9vw,27px); letter-spacing:-.055em; line-height:1.2; margin:12px 0 12px; }
    .story p { color:var(--muted); font-size:13px; line-height:1.55; margin-bottom:26px; }
    .story .foot { margin-top:auto; border-top:1px solid var(--line); padding-top:16px; font-size:12px; font-weight:700; display:flex; justify-content:space-between; }
    .shop { background:#1c302a; color:#f4f1e9; padding:76px 0; }
    .shop-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:7vw; align-items:center; }
    .shop .eyebrow::before { background:var(--accent); }
    .shop h2 { font-size:clamp(43px,5vw,76px); letter-spacing:-.075em; line-height:1.07; margin:20px 0; }
    .shop p { color:#d1dbcf; font-size:16px; line-height:1.6; max-width:450px; }
    .shop .pill { background:var(--accent); border-color:var(--accent); color:#162923; margin-top:18px; }
    .shop .pill:hover { background:#dafa8d; }
    .product-stage { background:#748075; padding:30px; display:grid; place-items:center; min-height:500px; position:relative; }
    .poster { background:#eae6d9; width:min(70%,330px); aspect-ratio:.73; box-shadow:20px 28px 28px rgba(15,24,19,.25); display:grid; place-items:center; transform:rotate(-5deg); position:relative; overflow:hidden; }
    .poster::before { content:""; width:68%; height:30%; border:2px solid #555e54; border-radius:50% 50% 42% 42%; transform:rotate(-90deg); }
    .poster::after { content:""; position:absolute; width:64%; height:2px; background:#555e54; transform:rotate(-90deg); box-shadow:0 16px 0 #555e54,0 -16px 0 #555e54; }
    .poster-dot { position:absolute; width:12px; height:12px; border-radius:50%; background:#a74135; left:27%; top:25%; box-shadow:85px 23px 0 #a74135, 40px 160px 0 #a74135, 100px 235px 0 #a74135; }
    .product-label { position:absolute; left:25px; bottom:24px; background:var(--white); color:var(--ink); padding:12px 15px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .note { position:absolute; right:20px; bottom:22px; font-size:10px; color:white; }
    .community { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; padding-top:100px; padding-bottom:100px; }
    .community h2 { font-size:clamp(37px,4.8vw,68px); line-height:1.08; letter-spacing:-.07em; max-width:600px; margin:20px 0; }
    .community p { line-height:1.6; max-width:460px; color:var(--muted); }
    .community-art { min-height:320px; border:1px solid var(--line); background:#e6e2d6; position:relative; overflow:hidden; }
    .community-art::before { content:""; position:absolute; width:370px; height:370px; border-radius:50%; border:1px solid #6a7e6d; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 45px #e6e2d6,0 0 0 46px #8e9a8870,0 0 0 96px #e6e2d6,0 0 0 97px #8e9a8870; }
    .community-art span { position:absolute; z-index:1; background:var(--dark); color:var(--accent); border-radius:50%; display:grid; place-items:center; font-size:22px; width:58px; height:58px; }
    .community-art span:nth-child(1) { top:20%; left:28%; }.community-art span:nth-child(2) { top:49%; left:57%; background:#d78356; color:#192e29; }.community-art span:nth-child(3) { top:67%; left:19%; background:#b2c09d; color:#192e29; }
    .footer { border-top:1px solid var(--line); padding:43px 0; }
    .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .footer small { color:var(--muted); font-size:11px; }
    .footer-links { display:flex; gap:20px; font-size:12px; }
    .search-panel { position:absolute; left:0; right:0; top:100%; background:var(--white); border-bottom:1px solid var(--line); padding:22px 0; display:none; box-shadow:0 16px 24px #1c302a14; }
    .search-panel.open { display:block; }
    .search-panel form { display:flex; gap:10px; }
    .search-panel input { width:100%; padding:13px; border:1px solid var(--line); background:#fff; border-radius:4px; }
    .search-panel button { border:0; background:var(--dark); color:#fff; padding:0 20px; border-radius:4px; }
    .search-results { font-size:12px; padding-top:10px; color:var(--muted); }
    .demo-toast { position:fixed; right:18px; bottom:18px; max-width:340px; background:var(--ink); color:white; font-size:13px; line-height:1.4; padding:17px 20px; box-shadow:0 10px 30px #0002; z-index:30; display:none; }
    .demo-toast.show { display:block; }
    @media(max-width:900px) { .hero { grid-template-columns:1fr 1fr; gap:24px; min-height:unset; }.hero-art { min-height:420px; }.story-grid { grid-template-columns:repeat(2,1fr); }.story:first-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }.story:first-child .story-visual { height:100%; aspect-ratio:auto; }.shop-grid { gap:35px; } }
    @media(max-width:660px) { .announcement { font-size:9px; }.header-row { height:66px; gap:8px; }.brand-text { font-size:21px; }.brand-symbol { width:28px; height:28px; }.header-actions { gap:0; }.icon-button { width:39px; height:39px; }.menu-button { display:grid; }.nav { display:none; position:absolute; top:66px; left:0; right:0; padding:10px 20px 20px; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 15px 18px #0001; flex-direction:column; align-items:stretch; gap:0; }.nav.open { display:flex; }.nav a { border-bottom:1px solid var(--line); }.hero { display:flex; flex-direction:column; gap:0; padding-top:15px; padding-bottom:40px; }.hero-copy { padding:24px 0 33px; }.hero h1 { font-size:clamp(58px,13vw,82px); margin:18px 0; }.hero-copy p { font-size:16px; }.hero-cta { gap:18px; margin-top:12px; }.hero-art { min-height:350px; }.sun { width:195px; }.section { padding-top:55px; padding-bottom:63px; }.section-heading { align-items:start; }.section-heading h2 { font-size:31px; }.section-heading .text-link { margin-top:7px; font-size:11px; }.story-grid { display:flex; flex-direction:column; gap:14px; }.story:first-child { display:flex; }.story-visual,.story:first-child .story-visual { height:auto; aspect-ratio:1.45; }.story-body { padding:20px; }.story h3 { font-size:23px; }.shop { padding:60px 0; }.shop-grid { display:flex; flex-direction:column; align-items:stretch; }.shop h2 { font-size:52px; }.product-stage { min-height:390px; }.poster { width:min(66%,250px); }.community { display:flex; flex-direction:column; align-items:stretch; padding-top:75px; padding-bottom:75px; }.community-art { min-height:260px; order:-1; }.footer-inner { align-items:flex-start; flex-direction:column; }.footer-links { flex-wrap:wrap; } }
    @media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }
    .brand-logo { width:31px; height:31px; overflow:hidden; display:block; flex:none; }
    .brand-logo img { display:block; width:83px; height:31px; max-width:none; mix-blend-mode:multiply; }
    .poster-image { display:block; width:min(64%,320px); aspect-ratio:3/4; object-fit:cover; box-shadow:19px 25px 30px #14231d55; transform:rotate(-4deg); }
    .shop .product-stage { background:#8b978b; }
    @media(max-width:660px) { .brand-logo { width:28px; height:28px; }.brand-logo img { width:75px; height:28px; }.poster-image { width:min(64%,240px); } }
    .breadcrumb { margin:30px 0 34px; font-size:11px; color:#65716b; }.breadcrumb a:hover { text-decoration:underline; }.breadcrumb span { padding:0 7px; color:#a6ada3; }
    .product-main { padding-bottom:95px; }.product-layout { display:grid; grid-template-columns:1.07fr .93fr; gap:clamp(30px,6vw,95px); align-items:start; }
    .product-gallery { background:#ded9ca; padding:clamp(30px,5vw,70px); display:grid; place-items:center; position:relative; }
    .product-gallery img { display:block; width:min(100%,520px); box-shadow:18px 24px 28px #242b2535; }
    .gallery-caption { position:absolute; bottom:12px; left:16px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:#5d645a; }
    .product-info { padding-top:35px; }.product-info h1 { font-size:clamp(46px,5vw,75px); line-height:1.07; margin:20px 0 8px; }.product-subtitle { font-size:19px!important; font-weight:700; color:var(--ink)!important; margin-bottom:24px!important; }
    .product-info>p:not(.product-subtitle):not(.product-caveat) { color:#525d55; max-width:500px; line-height:1.7; font-size:15px; }
    .product-spec { border-top:1px solid var(--line); margin:35px 0 26px; }.product-spec div { display:flex; gap:20px; justify-content:space-between; padding:17px 0; border-bottom:1px solid var(--line); font-size:13px; }.product-spec span { color:var(--muted); }.product-spec strong { font-weight:700; text-align:right; }
    .product-button { width:100%; max-width:440px; justify-content:space-between; }.product-caveat { color:var(--muted); font-size:11px; line-height:1.5; margin-top:12px; }.product-note { margin-top:65px; border-top:1px solid var(--line); padding-top:24px; max-width:500px; }.product-note h2 { font-size:20px; letter-spacing:-.04em; }.product-note p { color:var(--muted); line-height:1.65; font-size:14px; }
    .cart-shade { position:fixed; inset:0; background:#0e1e1980; z-index:20; }.cart-shade[hidden] { display:none; }.cart-drawer { position:fixed; z-index:21; top:0; right:0; bottom:0; width:min(430px,100vw); background:var(--paper); padding:28px; transform:translateX(105%); transition:transform .25s; box-shadow:-15px 0 35px #0002; }.cart-drawer.open { transform:translateX(0); }.cart-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--line); }.cart-head h2 { margin:0; font-size:26px; letter-spacing:-.05em; }.cart-head button { background:transparent; border:0; font-size:30px; }.cart-item { display:flex; gap:18px; padding:28px 0; border-bottom:1px solid var(--line); }.cart-item img { width:78px; height:104px; object-fit:cover; }.cart-item div { display:flex; flex-direction:column; gap:9px; font-size:13px; }.cart-item span { color:var(--muted); }.cart-drawer>p { font-size:13px; line-height:1.55; color:var(--muted); margin:25px 0; }
    @media(max-width:760px) { .product-layout { grid-template-columns:1fr; }.product-gallery { padding:32px 48px; }.product-info { padding-top:0; }.product-main { padding-bottom:60px; }.product-note { margin-top:45px; } }
    .article-head { max-width:1060px; padding-top:32px; padding-bottom:48px; }.article-head h1 { font-size:clamp(50px,6.3vw,92px); max-width:950px; line-height:1.06; margin:20px 0; }.article-head>p { font-size:clamp(18px,2vw,24px); line-height:1.5; color:#58675b; max-width:720px; }.article-meta { display:flex; flex-wrap:wrap; gap:9px 24px; border-top:1px solid var(--line); padding-top:19px; margin-top:35px; color:var(--muted); font-size:11px; }
    .article-visual { min-height:430px; background:radial-gradient(circle at 50% 50%,#b5c9a3,#668576 45%,#1b342d 100%); position:relative; overflow:hidden; display:grid; place-items:center; }.article-visual::before,.article-visual::after { content:""; position:absolute; border:1px solid #e3eac388; border-radius:50%; width:340px; aspect-ratio:1; box-shadow:0 0 0 65px #d5e2c016,0 0 0 130px #d5e2c016; }.article-visual::after { width:500px; transform:rotateX(70deg) rotate(-15deg); }.article-visual div { width:155px; aspect-ratio:1; background:#dce9a6; border-radius:50%; box-shadow:0 0 55px #dce9a666; }.article-visual span { position:absolute; bottom:25px; right:5vw; color:white; font-size:11px; letter-spacing:.18em; font-weight:800; }
    .article-layout { display:grid; grid-template-columns:210px minmax(0,690px); justify-content:center; gap:65px; padding-top:72px; padding-bottom:100px; }.article-aside { display:flex; flex-direction:column; align-items:start; gap:18px; position:sticky; top:25px; align-self:start; padding-top:8px; }.article-aside a { font-size:12px; }.article-aside a:hover { text-decoration:underline; }.article-copy section { margin-bottom:70px; }.article-copy h2 { font-size:clamp(27px,3vw,38px); line-height:1.2; letter-spacing:-.06em; margin:15px 0 24px; }.article-copy p { font-size:17px; line-height:1.85; color:#333d36; margin-bottom:25px; }.article-copy p.minor { font-size:12px; color:var(--muted); margin-top:13px; }.article-copy blockquote { margin:45px 0; padding:18px 0 18px 28px; border-left:4px solid #6b8a64; font:600 clamp(22px,2.7vw,31px)/1.4 'Manrope',sans-serif; letter-spacing:-.045em; }.video-placeholder { aspect-ratio:16/9; background:#172c27; color:#edf4e8; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }.video-placeholder span { width:68px; height:68px; display:grid; place-items:center; border:1px solid #a5c79b; border-radius:50%; font-size:22px; padding-left:4px; }.video-placeholder p { color:#dbe7d8; font-size:12px; margin:0; }.sources { border-top:1px solid var(--line); padding-top:30px; }.sources p { color:var(--muted); font-size:14px; }
    @media(max-width:760px) { .article-head { padding-top:28px; padding-bottom:35px; }.article-head h1 { font-size:clamp(47px,10vw,72px); }.article-visual { min-height:300px; }.article-layout { display:block; padding-top:45px; padding-bottom:65px; }.article-aside { position:static; flex-direction:row; flex-wrap:wrap; gap:14px; border-bottom:1px solid var(--line); padding-bottom:22px; margin-bottom:42px; }.article-aside .meta { width:100%; }.article-copy p { font-size:16px; }.article-copy section { margin-bottom:55px; } }

/* WordPress content and WooCommerce integration */
.nav-list { display:flex; gap:34px; align-items:center; list-style:none; margin:0; padding:0; }
.story-visual img { width:100%; height:100%; object-fit:cover; }
.listing-page,.content-page,.commerce-page { padding-top:55px; padding-bottom:95px; min-height:55vh; }
.listing-page h1,.content-page h1 { font-size:clamp(44px,5vw,72px); letter-spacing:-.075em; }
.listing-page .story-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pagination { margin-top:36px; }
.pagination .nav-links { display:flex; gap:12px; flex-wrap:wrap; }
.pagination a,.pagination .current { border:1px solid var(--line); padding:10px 14px; }
.pagination .current { background:var(--dark); color:white; }
.content-page .entry-content { max-width:780px; }
.entry-content img { max-width:100%; height:auto; }
.entry-content a,.sources a { text-decoration:underline; text-underline-offset:3px; }
.article-featured { max-height:560px; overflow:hidden; }
.article-featured img { display:block; width:100%; max-height:560px; object-fit:cover; }
.article-copy iframe { max-width:100%; }
.sources li { margin:12px 0; overflow-wrap:anywhere; }
.product-stage>a { display:grid; place-items:center; width:100%; }
.commerce-page .woocommerce-breadcrumb { font-size:12px; color:var(--muted); margin-bottom:30px; }
.commerce-page h1,.commerce-page h2 { letter-spacing:-.06em; }
.commerce-page .woocommerce-products-header__title { font-size:clamp(44px,5vw,72px); }
.commerce-page ul.products li.product { background:var(--white); border:1px solid var(--line); padding:15px 15px 22px; }
.commerce-page ul.products li.product img { aspect-ratio:4/5; object-fit:cover; }
.commerce-page ul.products li.product .woocommerce-loop-product__title { font-size:18px; color:var(--ink); }
.commerce-page .price { color:var(--dark)!important; font-weight:700!important; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit { background:var(--dark); color:white; border-radius:30px; padding:13px 20px; }
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover { background:#34463c; color:white; }
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select { padding:11px; border:1px solid var(--line); background:white; }
.woocommerce div.product div.images img { max-height:700px; object-fit:contain; background:#e8e3d8; }
.woocommerce div.product .product_title { font-size:clamp(38px,4.5vw,68px); }
.woocommerce-message,.woocommerce-info { border-top-color:var(--dark); }
.woocommerce-message::before,.woocommerce-info::before { color:var(--dark); }
@media(max-width:900px) { .listing-page .story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.listing-page .story:first-child { grid-column:auto; display:flex; }.listing-page .story:first-child .story-visual { aspect-ratio:1.35; height:auto; } }
@media(max-width:660px) { .nav-list { display:flex; flex-direction:column; align-items:stretch; gap:0; }.nav-list li { border-bottom:1px solid var(--line); }.nav-list a { display:block; }.listing-page .story-grid { grid-template-columns:1fr; }.listing-page,.content-page,.commerce-page { padding-top:35px; padding-bottom:65px; } }
/* Release refinement: calm layout, readable titles, uncropped covers. */
.hero-simple{display:block;min-height:0;padding-top:42px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.hero-simple .hero-copy{padding:12px 0}.hero-simple h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.055em;line-height:1.1;margin:16px 0}.hero-simple p{max-width:640px}.hero-simple .hero-cta{margin-top:12px}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story:first-child{display:flex;grid-column:auto}.story-visual,.story:first-child .story-visual{aspect-ratio:16/9;height:auto;background:#dfe7dc}.story-visual img{object-fit:contain}.cover-type{font:700 clamp(18px,2vw,28px)/1.3 Manrope,Arial,sans-serif;padding:26px;letter-spacing:-.035em;color:#263d32}.cover-1{background:#e8e0cf}.cover-2{background:#d3dfdd}.cover-3{background:#dedbe7}.story h3{font-size:23px;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}.story-body{padding:22px}.section{padding-top:48px;padding-bottom:60px}.nav-list{gap:24px}.brand{flex:0 0 auto}.header-actions{flex:0 0 auto}.header-row{justify-content:space-between}.nav{gap:0}.topics{padding-bottom:4px}.topic:hover{background:var(--dark);color:white}
.poster-image{object-fit:contain;width:min(80%,360px);height:auto;aspect-ratio:auto;transform:none}.product-stage{min-height:450px}.shop h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-.05em}.youtube-callout{padding-top:52px;padding-bottom:60px}.youtube-callout h2{font-size:32px;letter-spacing:-.04em}.youtube-callout p{color:var(--muted)}
.article-head h1{font-size:clamp(32px,4.4vw,60px);line-height:1.16;letter-spacing:-.04em;max-width:960px;text-wrap:balance;overflow-wrap:anywhere}.article-head{padding-top:18px;padding-bottom:32px}.article-head .breadcrumb{margin:20px 0}.article-layout{grid-template-columns:minmax(0,760px);padding-top:42px;gap:0}.article-featured{margin:0 auto;max-height:none}.article-featured img{width:100%;max-height:580px;object-fit:contain;background:#e9e6dc}.article-copy{min-width:0}.article-copy .entry-content{overflow-wrap:anywhere}.article-copy iframe{width:100%;aspect-ratio:16/9;height:auto}.article-copy .entry-content h1,.article-copy h2,.article-copy h3{line-height:1.3;letter-spacing:-.025em}.article-copy .entry-content h1{font-size:32px}.article-navigation{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:40px;font-size:14px}.article-navigation a{max-width:48%}
.content-page h1{font-size:clamp(30px,4vw,50px);line-height:1.2;letter-spacing:-.035em}.content-page .article-copy{max-width:800px}.content-page p,.content-page li{line-height:1.75}.footer-columns{display:grid;grid-template-columns:.9fr 1fr 1.2fr;gap:36px;font-size:13px;line-height:1.65}.footer-columns nav,.footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere}.footer-columns strong{margin-bottom:6px}.footer-columns p{color:var(--muted)}.footer-columns a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;font-size:11px;color:var(--muted)}
.woocommerce div.product .product_title{font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.035em}.commerce-page ul.products li.product img{object-fit:contain;aspect-ratio:3/4;background:#e9e5dc}.woocommerce table.shop_table{border-color:var(--line)}.wc-block-components-button{border-radius:6px!important;background:var(--dark);color:white}.woocommerce .woocommerce-privacy-policy-text{font-size:13px}.woocommerce div.product .woocommerce-tabs ul.tabs{padding-left:0}
@media(max-width:1050px){.nav-list{gap:15px}.header-row{gap:16px}.nav{font-size:13px}.brand-text{font-size:21px}.header-actions{gap:0}}
@media(max-width:800px){.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.nav.open{display:block}.menu-button{display:grid}.nav-list{flex-direction:column;align-items:stretch;gap:0}.nav-list a{display:block;padding:12px 0}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:first-child{grid-column:1/-1}.shop-grid{gap:24px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:660px){.hero-simple{padding-top:26px;padding-bottom:30px}.hero-simple .hero-copy{padding:0}.hero-simple h1{font-size:47px}.story-grid{display:grid;grid-template-columns:1fr}.story:first-child .story-visual{aspect-ratio:16/9}.story h3{font-size:23px}.footer-columns{grid-template-columns:1fr}.footer-columns>div:first-child{grid-column:auto}.article-head h1{font-size:34px}.article-copy p{font-size:17px;line-height:1.8}.article-layout{padding-top:32px}.article-navigation{flex-direction:column}.article-navigation a{max-width:100%}.product-stage{min-height:360px}.woocommerce div.product .product_title{font-size:32px}}

/* Homepage curiosity atlas. Lightweight illustrations; movement is user controlled. */
.hero-showcase{display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(28px,5vw,76px);min-height:0;padding-top:48px;padding-bottom:50px;align-items:center;border-bottom:1px solid var(--line)}
.hero-showcase .hero-copy{padding:22px 0;min-width:0}
.hero-showcase .eyebrow{font-size:10px;letter-spacing:.16em}
.hero-showcase h1{font-size:clamp(66px,6.8vw,102px);letter-spacing:-.075em;line-height:1.01;margin:26px 0 25px}
.hero-showcase h1 em{color:#60795d}
.hero-showcase .hero-copy>p{font-size:clamp(16px,1.35vw,20px);line-height:1.65;max-width:440px;color:#566251}
.hero-showcase .hero-cta{margin-top:20px;gap:23px}
.hero-showcase .pill{gap:24px}
.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:46px;font-size:11px;color:#64705c}
.hero-footnote>span{font-size:24px;color:#7b9356}
.hero-feature{min-width:0}
.hero-feature-stage{position:relative;height:510px;overflow:hidden;border-radius:20px;background:#162c25;color:#fffefa;isolation:isolate;border:1px solid #31483c}
.hero-feature-top{position:absolute;z-index:3;left:26px;right:26px;top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.hero-feature-top>span{display:flex;align-items:center;gap:9px;font:600 9px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.18em;color:#d7e4c6}
.hero-feature-top i{width:5px;height:5px;border-radius:50%;background:#c9ef62;box-shadow:0 0 13px #c9ef6280}
.hero-arrows{display:flex;gap:7px;pointer-events:auto}
.hero-arrows button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #b8c9a944;background:#163027;color:#eff6df;border-radius:50%;font-size:16px;padding:0;transition:background .15s}
.hero-arrows button:hover{background:#38503a}
.hero-feature-slide{position:relative;height:100%;animation:hero-reveal .35s ease both}
.hero-feature-slide[hidden],.hero-feature [hidden]{display:none!important}
.hero-science-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;animation:hero-drift 14s ease-in-out infinite alternate}
.hero-art-question{position:absolute;left:26px;top:82px;max-width:170px;font:500 15px/1.45 Manrope,Arial,sans-serif;letter-spacing:-.02em;color:#dae9cd}
.hero-feature-story{display:block;position:absolute;z-index:2;bottom:0;left:0;right:0;padding:65px 28px 27px;background:linear-gradient(transparent,#10281fed 43%,#10281f);color:#fffefa;text-decoration:none}
.hero-feature-meta{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#bdcfae}
.hero-feature-meta>span{opacity:.5}
.hero-feature-story h2{font-size:clamp(23px,2vw,29px);line-height:1.22;letter-spacing:-.045em;margin:12px 0 18px;color:#fffefa;max-width:510px;overflow-wrap:anywhere}
.hero-story-cta{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#d6eea6;padding-top:16px;border-top:1px solid #c9dfb333}
.hero-story-cta>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#c9ef62;color:#172c23;font-size:15px;transition:transform .2s}
.hero-feature-story:hover .hero-story-cta>span{transform:rotate(45deg)}
.hero-feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}
.hero-feature-tabs button{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-bottom:2px solid #d5d9cc;color:#68735e;padding:12px 0 14px;font-size:11px;font-weight:600;text-align:left;transition:border-color .2s,color .2s}
.hero-feature-tabs small{font-size:9px;font-weight:400;opacity:.6}
.hero-feature-tabs button>span{margin-left:auto;opacity:0}
.hero-feature-tabs button[aria-pressed=true]{border-color:#546d40;color:#253a2a}
.hero-feature-tabs button[aria-pressed=true]>span{opacity:1}
.hero-feature button:focus-visible,.hero-feature-story:focus-visible{outline:2px solid #97b86c;outline-offset:4px}
.hero-slide-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes hero-reveal{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
@keyframes hero-drift{from{transform:translateY(-3px)}to{transform:translateY(4px)}}
@media(min-width:1250px){.bebar-member-layout .hero-showcase h1{font-size:clamp(62px,5.8vw,92px)}.bebar-member-layout .hero-showcase{gap:35px}.bebar-member-layout .hero-showcase .hero-cta{gap:16px}.bebar-member-layout .hero-showcase .text-link{font-size:12px}}
@media(min-width:701px) and (max-width:1050px){.hero-showcase{gap:28px;grid-template-columns:1fr 1fr;padding-top:35px}.hero-showcase h1{font-size:66px}.hero-showcase .hero-cta{gap:16px;align-items:flex-start;flex-direction:column}.hero-feature-stage{height:480px}.hero-art-question{font-size:13px;max-width:140px}.hero-feature-story{padding-left:23px;padding-right:23px}.hero-feature-tabs{gap:10px}}
@media(max-width:700px){.hero-showcase{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:30px;padding-bottom:35px}.hero-showcase .hero-copy{padding:0}.hero-showcase h1{font-size:clamp(65px,16vw,82px);margin:22px 0}.hero-showcase .hero-copy>p{font-size:16px;line-height:1.6}.hero-showcase .hero-cta{margin-top:23px;gap:20px}.hero-showcase .pill{font-size:12px;gap:16px}.hero-showcase .text-link{font-size:12px}.hero-footnote{display:none}.hero-feature-stage{height:430px;border-radius:16px}.hero-feature-top{left:21px;right:21px;top:19px}.hero-art-question{left:21px;top:74px;font-size:13px;max-width:130px}.hero-science-art{object-fit:cover}.hero-feature-story{padding:60px 22px 23px}.hero-feature-story h2{font-size:24px;line-height:1.22}.hero-feature-tabs{margin-top:9px;gap:15px}.hero-feature-tabs button{font-size:10px;gap:7px;padding:12px 0}.hero-feature-tabs small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-feature-slide,.hero-science-art{animation:none}.hero-feature *{transition:none!important}}


.article-video-link{display:inline-flex;gap:8px;margin-top:18px;padding:10px 18px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:700}
.article-video{max-width:1000px;margin-bottom:42px}.bebar-video-player{position:relative;aspect-ratio:16/9;background:#10251f;overflow:hidden;border-radius:16px}.bebar-video-player>img{display:block;width:100%;height:100%;object-fit:contain}.bebar-video-player>iframe{display:block;width:100%;height:100%;border:0}.bebar-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;border:0;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font:inherit;font-weight:700;cursor:pointer}.bebar-video-play>span:first-child{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#d5f55f;color:#18332a;font-size:28px}.video-privacy-note{font-size:13px;opacity:.8;margin-top:10px}.video-privacy-note a{text-decoration:underline}
.footer-payment{padding:22px 0 8px}.footer-payment img{display:block;width:min(100%,620px);height:auto}.footer-payment p{font-size:12px;opacity:.75;margin:10px 0}
.footer-payment img{background:#fff;padding:14px 18px;border-radius:8px;box-sizing:content-box;max-width:calc(100% - 36px)}
/* Keep the full YouTube artwork readable in archive cards. */
.story-visual img{object-fit:contain}
.bebar-archive-note{font-size:14px!important;line-height:1.65!important;padding:16px 20px;border-left:3px solid #9aac63;background:rgba(145,160,110,.08);color:var(--muted)}