/* Inner pages: additions to the reference design (loaded after reference-verbatim.css). */
:root{--muted:#c4bfb3}
.gq figcaption{color:#c4bfb3}
.hsteps span{color:#d6d1c5;font-size:15.5px}

/* page hero */
.hero.inner h1{font-size:clamp(42px,5.2vw,80px);line-height:1.02}
.hero.inner .lead{max-width:600px}
@media(min-width:960px){.hero.inner{min-height:92svh}}
@media(max-width:959px){.hero.inner h1{font-size:40px}.hero.inner .bgimg{height:clamp(340px,58svh,640px)}}
@media(min-width:600px) and (max-width:959px){.hero.inner h1{font-size:52px}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin-bottom:16px;letter-spacing:.03em}
.crumbs a{color:#dcd7cb;text-decoration:none}
.crumbs a:hover{color:var(--gold2)}
.crumbs span[aria-hidden]{color:var(--gold)}
.hero .crumbs{text-shadow:0 1px 10px rgba(0,0,0,.7)}

/* text-only page header */
.phead{padding:clamp(130px,16vw,190px) 0 clamp(40px,6vw,70px);background:radial-gradient(ellipse at 15% 0,rgba(201,164,92,.12),transparent 60%)}
.phead h1{font-size:clamp(44px,6vw,84px);margin-bottom:20px}
.phead .lead{margin-bottom:28px}

/* readable body copy */
.inner-page .lead{color:#e4dfd3}
.inner-page .muted{color:var(--muted)}
.copy-block p:not(.eyebrow){color:#d6d1c5;font-size:17px;line-height:1.7;margin-bottom:16px;max-width:620px}
.copy-block p a{color:var(--gold2)}

/* tiles */
.tiles{display:grid;gap:16px}
@media(min-width:720px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.tiles.three{grid-template-columns:repeat(3,1fr)}.tiles.four{grid-template-columns:repeat(4,1fr)}}
.tile{position:relative;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:30px 26px 28px;display:flex;flex-direction:column;gap:12px;transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.tile::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.7),transparent)}
.tile:hover{border-color:rgba(201,164,92,.45);transform:translateY(-4px)}
.tile .num{font:600 12.5px/1.4 var(--sans);letter-spacing:.24em;color:var(--gold);text-transform:uppercase}
.tile h3{font-size:clamp(26px,2.4vw,31px)}
.tile p{color:#d6d1c5;font-size:16px;line-height:1.65;flex:1}
.tile .textlink{margin-top:4px}

/* photo + text */
.split2{display:grid;gap:36px;align-items:center}
.split2 .ph{border-radius:24px;overflow:hidden;aspect-ratio:4/5;position:relative;background:var(--panel)}
.split2 .ph img{width:100%;height:100%;object-fit:cover}
.split2 .ph::after{content:"";position:absolute;inset:14px;border:1px solid rgba(236,208,150,.35);border-radius:16px;pointer-events:none}
.split2 .ph.square{aspect-ratio:1/1}
.split2 .ph.wide{aspect-ratio:4/3}
.split2 .ph.logo{background:radial-gradient(circle at 50% 45%,rgba(201,164,92,.18),transparent 70%),var(--panel);display:grid;place-items:center}
.split2 .ph.logo img{width:72%;height:auto;object-fit:contain}
.split2 h2{font-size:clamp(36px,4.8vw,60px)}
.split2 .ctas{margin-top:10px}
@media(min-width:960px){.split2{grid-template-columns:.9fr 1.1fr;gap:80px}.split2.rev{grid-template-columns:1.1fr .9fr}.split2.rev .ph{order:2}}

/* included list */
.incl{list-style:none;padding:0;display:grid;gap:14px}
@media(min-width:640px){.incl{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.incl{grid-template-columns:repeat(3,1fr)}}
.incl li{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px 22px 22px 56px;position:relative;display:grid;gap:6px}
.incl li::before{content:"✓";position:absolute;left:20px;top:21px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#0b0b0b;background:linear-gradient(135deg,var(--gold2),var(--gold))}
.incl strong{font-weight:600;font-size:17px;color:var(--ink)}
.incl span{color:#d6d1c5;font-size:15.5px;line-height:1.6}
.pricebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:26px 28px;border:1px solid rgba(201,164,92,.45);border-radius:22px;background:radial-gradient(ellipse at 100% 0,rgba(201,164,92,.14),transparent 60%),var(--bg2)}
.pricebar .price strong{font-size:52px}
.pricebar .price{color:#d6d1c5;font-size:15px}
@media(max-width:640px){.pricebar .ctas,.pricebar .btn{width:100%;justify-content:center}.pricebar .btn{padding:0 18px;font-size:13px}}

/* fees */
.pgroup{margin-top:clamp(56px,7vw,96px);scroll-margin-top:90px}
.pgroup:first-of-type{margin-top:0}
.pgroup>.head{margin-bottom:28px}
.pgroup>.head h2{font-size:clamp(34px,4.6vw,56px);margin-bottom:8px}
.pgroup>.head p:not(.eyebrow){color:#d6d1c5;max-width:640px;font-size:16.5px}
.pgrid{display:grid;gap:16px}
@media(min-width:720px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pgrid{grid-template-columns:repeat(3,1fr)}.pgrid.four{grid-template-columns:repeat(4,1fr)}}
.pcard{position:relative;border-radius:22px;padding:30px 26px 28px;background:linear-gradient(180deg,#161d19,#0f1411);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;scroll-margin-top:100px;overflow:hidden}
.pcard::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.pcard.feat{border-color:rgba(201,164,92,.55)}
.pcard .badge{top:18px;right:18px}
.pcard h3{font-size:clamp(26px,2.4vw,30px)}
.pcard.feat h3{padding-right:120px}
.pcard .amt{font:500 clamp(44px,5vw,58px)/1 var(--serif);color:var(--gold2);margin:8px 0 2px}
.pcard .amt small{font:500 15px var(--sans);color:var(--muted)}
.pcard .per{color:var(--ink);font-weight:600;font-size:15px;line-height:1.5}
.pcard p:not(.amt):not(.per){color:#d6d1c5;font-size:15.5px;line-height:1.6}
.pcard .textlink{margin-top:auto;padding-top:10px}
.notice{border:1px solid var(--line);border-left:2px solid var(--gold);border-radius:14px;padding:18px 22px;background:var(--bg2);color:#d6d1c5;font-size:15.5px;max-width:860px}
.voucher{display:grid;gap:22px;align-items:center;border:1px solid rgba(201,164,92,.4);border-radius:26px;padding:clamp(28px,5vw,52px);background:radial-gradient(ellipse at 0 0,rgba(201,164,92,.14),transparent 55%),var(--bg2)}
.voucher h2{font-size:clamp(32px,4.4vw,52px);margin:0}
.voucher p:not(.eyebrow){color:#d6d1c5}
.voucher p a{color:var(--gold2)}
@media(min-width:960px){.voucher{grid-template-columns:1.3fr .7fr}.voucher .ctas{justify-content:flex-end}}

/* grids for results and qualifications */
.rgrid{display:grid;gap:18px}
@media(min-width:720px){.rgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.rgrid{grid-template-columns:repeat(3,1fr)}}
.rgrid .rcard .story{font-size:15.5px;color:#d6d1c5}
.rgrid .qcard p{font-size:15.5px;color:#d6d1c5}

/* client clips */
.vids{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:960px){.vids{grid-template-columns:repeat(4,1fr)}}
.vid{margin:0;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:9/16;background:#000;border:1px solid var(--line)}
.vid video{width:100%;height:100%;object-fit:cover;display:block}
.vid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}

/* Greek representative */
.rep{display:grid;gap:26px;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,4vw,44px);background:var(--bg2)}
.rep img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:1px solid rgba(236,208,150,.45)}
.rep h3{font-size:clamp(28px,3vw,36px);margin-bottom:12px}
.rep p:not(.eyebrow){color:#d6d1c5;font-size:16px;margin-bottom:10px}
.rep details summary{cursor:pointer;color:var(--gold2);font-weight:600;margin:6px 0 12px}
@media(min-width:760px){.rep{grid-template-columns:150px 1fr;align-items:start}}

.faq-group{margin-top:44px}
.faq-group:first-of-type{margin-top:0}
.faq-group h3{font-size:clamp(26px,3vw,34px);margin-bottom:16px}
.oc-faq-item p a{color:var(--gold2)}
.oc-faq-item summary{font-size:16.5px}
.oc-faq-item p{font-size:16px}

/* .head.split right-aligns its intro paragraph; keep the eyebrow inside the title column left-aligned. */
.head.split>div>p{justify-self:auto;max-width:none}
@media(min-width:720px){.pgrid.two{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pgrid.four .amt{font-size:46px}.pgrid.two .pcard{padding:36px 34px 32px}}

/* recommended products */
.sgrid{display:grid;gap:16px}
@media(min-width:720px){.sgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.sgrid{grid-template-columns:repeat(3,1fr)}}
.scard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:var(--panel);overflow:hidden;transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.scard:hover{border-color:rgba(201,164,92,.45);transform:translateY(-4px)}
.scard .sv{display:grid;place-items:center;height:210px;background:radial-gradient(circle at 50% 40%,#fbf8f1,#e9e3d6);text-decoration:none}
.scard .sv img{max-height:176px;width:auto;object-fit:contain}
.sbadge{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;font:500 34px/1 var(--serif);color:#0b0b0b;background:linear-gradient(135deg,var(--gold2),#d6b36f 60%,#cba35e);box-shadow:0 18px 40px -18px rgba(120,90,30,.7)}
.scard .sbody{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.scard .num{font:600 11.5px/1.4 var(--sans);letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.scard h3{font-size:clamp(24px,2.2vw,28px)}
.scard p{color:#d6d1c5;font-size:15.5px;line-height:1.6;flex:1}
.scard .srow{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:8px}
.scard .sbtn{--h:50px;font-size:13.5px;padding:0 22px}
.follow{display:grid;gap:14px;justify-items:center;text-align:center}
.follow nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.follow a{border:1px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;color:#dcd7cb;font-size:14px;font-weight:600}
.follow a:hover{border-color:var(--gold);color:var(--gold2)}

/* gallery */
.gallery{columns:2 160px;column-gap:12px}
@media(min-width:960px){.gallery{columns:4 220px;column-gap:16px}}
.gitem{all:unset;display:block;width:100%;margin:0 0 12px;break-inside:avoid;border-radius:16px;overflow:hidden;cursor:zoom-in;border:1px solid var(--line);background:var(--panel)}
.gitem img{width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.gitem:hover img{transform:scale(1.04)}
.gitem:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(min-width:960px){.gitem{margin-bottom:16px}}
@media(max-width:640px){.reco .btn{justify-self:stretch!important;justify-content:center;font-size:13px;padding:0 18px}}

/* Shop (legacy markup): quieter cards and a proper intro */
.intro-lead{margin-top:18px;max-width:34ch;font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--muted)}
.category-number{display:none!important}
.curated-card>.product-card-image:has(img[src="/logo.png"]){background:radial-gradient(58% 62% at 50% 46%,rgba(214,179,111,.15),transparent 72%),#0f1110}
.curated-card>.product-card-image img[src="/logo.png"]{padding:15% 30%!important;background:transparent!important;opacity:.9;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.curated-card:hover>.product-card-image img[src="/logo.png"]{transform:scale(1.05)}
.omorpho-disclosure{opacity:1;color:var(--muted)}
/* Legacy text blocks (terms, policies): paragraph rhythm and real subheadings */
body:not(.verbatim-reference) .source-section [data-ux=ContentText] p{margin:0 0 1em}
body:not(.verbatim-reference) .source-section [data-ux=ContentText] h3{margin:1.7em 0 .55em;font:400 clamp(25px,2.6vw,32px)/1.15 Cormorant,Georgia,serif;color:#f3efe6}
/* Articles list: typographic tile for an article without its own photo */
.blog-badge{display:grid;place-items:center;height:220px;margin-bottom:18px;border-radius:5px;border:1px solid var(--line);background:radial-gradient(70% 80% at 50% 40%,rgba(214,179,111,.16),transparent 70%),#0f1110;font:italic 400 clamp(40px,4vw,54px)/1 Cormorant,Georgia,serif;color:#d6b36f;letter-spacing:.01em}
/* Article ad card: one column when the product has no photo */
.affiliate-card:not(:has(img)){grid-template-columns:1fr}
.affiliate-card>div>p:not(.eyebrow):not(.affiliate-small){max-width:62ch}
.article-wrap .affiliate-card{max-width:860px}
.affiliate-card h3{margin:0 0 .45em}
.affiliate-card .button{margin-top:14px}
/* Two client clips beside their heading */
.vsplit{display:grid;gap:28px;align-items:center}
.vids.two{grid-template-columns:repeat(2,1fr)}
@media(min-width:960px){.vsplit{grid-template-columns:1fr 1.05fr;gap:64px}.vids.two{grid-template-columns:repeat(2,1fr)}}
main .vids figure.vid figcaption{position:absolute;left:0;right:0;bottom:0}
/* One clip beside its heading */
.vids.one{grid-template-columns:1fr;width:100%;max-width:340px;justify-self:center}
@media(min-width:960px){.vids.one{max-width:380px}}
/* Exercise demonstrations */
.demos{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:960px){.demos{grid-template-columns:repeat(4,1fr);gap:18px}}
.demo{margin:0;border-radius:20px;overflow:hidden;position:relative;aspect-ratio:1/1;background:#000;border:1px solid var(--line)}
.demo img{width:100%;height:100%;object-fit:cover;display:block}
main .demos figure.demo figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}
/* Play icon on paused clips; taps go through to the video. */
.vid{position:relative}.vid video{cursor:pointer}
.vid.is-paused::after{content:"";position:absolute;left:50%;top:44%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;pointer-events:none;
 background:rgba(10,12,11,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23ecd096'/%3E%3C/svg%3E") 56% 50%/26px no-repeat;
 border:1px solid rgba(236,208,150,.6);box-shadow:0 6px 24px rgba(0,0,0,.45);backdrop-filter:blur(2px)}
