/* Shared website styles. Add new page components here; do not create page-local stylesheets. */
@font-face{font-family:Scope;src:url('assets/ScopeOne-Regular.ttf') format('truetype');font-display:block}
.form-slot .membership-title{color:var(--ink);margin:0 0 80px;text-align:center}
@media(max-width:700px){.form-slot .membership-title{margin-bottom:56px}}
@font-face{font-family:Tenor;src:url('assets/TenorSans-Regular.ttf') format('truetype');font-display:block}
/* Shared by all three Growth Space pages. Canva exports are the visual source of truth. */
:root{--cream:#f6efea;--rose:#eee0dc;--ink:#4e403a;--wine:#5b4039;--muted:#b98e87;--button:#955b33;--serif:Scope,Georgia,serif;--body:Tenor,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--ink);font:clamp(17px,1.53vw,21px)/1.68 var(--body)}main{max-width:1600px;margin:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:clamp(30px,2.9vw,40px)}img{display:block;max-width:100%}p+p{margin-top:1.8em}a{color:inherit}.photo{position:relative;isolation:isolate;overflow:hidden}.photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 21px;border-radius:99px;background:linear-gradient(#a16739,#7d4c2e);border:1px solid #d8b39b;color:var(--cream);box-shadow:4px 6px 9px #0005,inset 1px 1px 1px #ead1bc;font:14px/1.45 var(--body);letter-spacing:.18em;text-decoration:none;text-align:center;transition:background .2s,transform .2s}.button:hover{background:var(--rose);color:var(--wine)}.button:focus-visible{outline:3px solid var(--muted);outline-offset:5px}.button:active{transform:translateY(1px)}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:var(--cream);padding:10px}.skip:focus{top:10px}.caps{font:17px/1.4 var(--body);letter-spacing:.23em}.hero{aspect-ratio:1366/768;color:var(--cream)}.hero>img{object-position:center 49%}.hero h1{position:absolute;left:18%;top:7%;width:31%;font-size:clamp(50px,6.6vw,96px);text-align:center;line-height:1}.hero-invite{position:absolute;left:44%;right:10%;bottom:6.5%;text-align:center}.hero-invite p{font:clamp(23px,2.1vw,30px)/1.4 var(--body);margin-bottom:20px}.questions{display:grid;grid-template-columns:33% 1fr;gap:7%;padding:60px 6.85%;background:var(--rose);align-items:center}.questions img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.questions p+p{margin-top:33px}.vision{aspect-ratio:1366/912;text-align:center;color:var(--rose);padding:100px 5% 45px;display:flex;flex-direction:column}.vision>img{object-position:center}.vision-label{font-size:clamp(20px,2vw,28px);line-height:1.3}.vision h2{font-size:clamp(62px,7.9vw,110px);color:#352c28;margin-top:55px}.vision-copy{margin-top:auto}.vision-copy p+p{margin-top:36px}.expect{padding:70px 5.1% 0;text-align:center}.expect-copy{margin-top:30px}.expect-copy p+p{margin-top:36px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;text-align:left}.card{padding:40px 40px 15px;color:var(--cream);display:flex;flex-direction:column}.calls{background:#9e541d}.mentoring{background:#51433c}.workspace{background:#60443c}.card-label{font-size:18px;line-height:1.35;white-space:nowrap;margin-top:32px}.card>p:not(.card-label){margin:38px 0 30px}.card>img,.notched{width:100%;aspect-ratio:1;object-fit:cover;margin-top:auto}.hourglass{clip-path:url(#hourglass)}.notched{position:relative;overflow:hidden}.notched img{width:100%;height:100%;object-fit:cover}.notched:before,.notched:after{content:'';position:absolute;left:35%;width:30%;aspect-ratio:1;background:#51433c;border-radius:50%;z-index:1}.notched:before{top:-15%}.notched:after{bottom:-15%}.surprise{height:410px;position:relative;display:grid;place-content:center}.surprise p{font:clamp(28px,2.6vw,38px)/1.05 var(--serif)}.surprise>span{position:absolute;right:20%;bottom:35px;font-size:110px;color:#a6541d;line-height:1}.surprise small{font-size:40px;position:absolute;right:-25px;top:0}.human-design{aspect-ratio:1366/493;color:var(--cream)}.human-design>img{object-position:50% 48%}.human-design p{position:absolute;left:5.2%;top:32%;width:38%;font:clamp(17px,1.55vw,22px)/1.3 var(--body)}.human-design h2{position:absolute;right:6%;bottom:14%}.references{background:var(--rose)}.references header{text-align:center;padding:60px 20px 0}.references header .caps{margin-top:10px;color:#723d53}.testimonial{display:grid;grid-template-columns:25% 1fr;align-items:center;padding:40px 5% 60px;gap:3%}.testimonial figure{text-align:center}.testimonial figure img{width:250px;margin:0 auto 15px}.testimonial figcaption{font-size:17px;letter-spacing:.25em;color:#723d53;white-space:nowrap}.testimonial blockquote{text-align:center}.quote-lead{font:clamp(24px,2vw,29px)/1.7 var(--serif);margin-bottom:50px}.testimonial blockquote p+p{margin-top:0}.testimonial.reverse{background:var(--cream);grid-template-columns:1fr 25%;padding-top:65px;padding-bottom:80px}.reverse figure{grid-column:2;grid-row:1}.reverse blockquote{grid-column:1;grid-row:1}.investment{padding:75px 20px 100px;text-align:center}.prices{display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:800px;margin:55px auto 0}.price-symbol{background:var(--wine);color:var(--muted);width:145px;height:145px;border-radius:50%;display:grid;place-items:center;font-size:65px;margin:0 auto 30px;line-height:1}.price-symbol.light{background:var(--muted);color:var(--rose)}.prices h3{font-size:40px}.price{font-family:var(--serif);font-size:28px;line-height:1.4}.old-price{font-family:var(--serif);font-size:25px;margin:0!important;line-height:1.4}.price-badge{background:var(--rose);border-radius:99px;padding:15px 10px;margin:18px 0 36px}.prices article:first-child .price-badge{margin-top:53px}.prices article>p:not(.price):not(.old-price){margin-top:34px}.places{aspect-ratio:1366/490}.places>img{object-position:50% 52%}.places>div{position:absolute;left:9.5%;top:11%;text-align:center}.places p{line-height:1.3;margin-top:30px}.invitation{padding:40px 24px 50px;background:var(--rose);text-align:center;color:var(--wine)}.invitation h2{font-size:32px;margin-bottom:38px}.invitation>.button{min-width:235px}.invitation .note{font-size:16px;line-height:1.8;max-width:590px;margin:28px auto 32px}.start{margin:0 auto 22px}.call{max-width:650px;margin:auto;border-top:3px dotted var(--muted);padding-top:18px}.call .button{margin-top:45px}.closing{aspect-ratio:1366/491;color:var(--cream)}.closing>img{object-position:center 50%}.closing p{position:absolute;right:6%;bottom:18%;text-align:right;line-height:1.3}.clip-defs{position:absolute}.order-hero{aspect-ratio:1366/524}.order-hero h1{top:10%;left:20%;font-size:clamp(50px,6vw,90px)}.form-slot{min-height:900px;padding:80px 24px;text-align:center}.preview-notice{max-width:620px;margin:0 auto;padding:24px;border:1px dashed var(--muted);font-size:16px}.thanks{aspect-ratio:1366/738}.thanks h1{font-size:clamp(28px,3.2vw,45px);line-height:1.45;left:21%;width:27%;top:10%}.thanks .thanks-note{position:absolute;bottom:7%;right:15%;font-size:22px;text-align:center}
@media(min-width:1600px){body{font-size:23px}.hero h1{font-size:108px}.hero-invite p{font-size:32px}.vision{padding-top:115px}.vision h2{font-size:124px}.questions{padding-block:70px}.expect{padding-top:85px}.surprise{height:440px}}
@media(max-width:900px) and (min-width:701px){.card{padding:25px 20px 15px}.card-label{font-size:13px;white-space:normal}.questions{gap:5%;padding-block:35px}.questions p+p{margin-top:18px}.vision{aspect-ratio:auto;min-height:680px}.testimonial{padding-inline:4%}.testimonial figcaption{font-size:12px}.human-design p{width:45%;top:22%}.hero-invite{left:38%;right:5%}.hero-invite p{margin-bottom:12px}}
@media(max-width:700px){body{font-size:17px;line-height:1.65}.desktop{display:none}.caps{font-size:13px}.hero{aspect-ratio:auto;height:650px}.hero>img{object-position:51% center}.hero h1{top:35px;left:5%;width:60%;font-size:58px}.hero-invite{left:20px;right:20px;bottom:32px}.hero-invite p{font-size:22px;max-width:300px;margin:0 auto 22px;text-shadow:0 1px 4px #0009}.button{font-size:13px;min-height:52px}.questions{grid-template-columns:1fr;padding:45px 24px;gap:30px}.questions img{width:230px;margin:auto}.questions div{text-align:center}.questions p+p{margin-top:24px}.vision{aspect-ratio:auto;min-height:740px;padding:45px 22px 40px}.vision>img{object-position:52% center}.vision-label{font-size:16px;line-height:1.45;text-shadow:0 1px 5px #0008}.vision h2{font-size:51px;margin-top:30px}.vision-copy{margin-top:auto;font-size:16px}.vision-copy p+p{margin-top:25px}.expect{padding:45px 22px 0}.expect-copy p+p{margin-top:25px}.cards{grid-template-columns:1fr;gap:24px;margin-top:38px}.card{padding:32px 28px 24px}.card h3{font-size:38px}.card-label{font-size:16px;white-space:normal;margin-top:20px}.card>p:not(.card-label){margin:25px 0}.card>img,.notched{max-width:300px;align-self:center}.surprise{height:290px}.surprise p{font-size:27px}.surprise>span{font-size:65px;right:12%;bottom:12px}.surprise small{font-size:25px;right:-15px}.human-design{aspect-ratio:auto;height:580px}.human-design>img{object-position:58% center}.human-design p{top:auto;bottom:30px;left:24px;right:24px;width:auto;font-size:17px;text-shadow:0 1px 4px #000}.human-design h2{top:30px;left:24px;right:auto;bottom:auto;font-size:37px;text-shadow:0 1px 4px #0007}.references header{padding:40px 20px 10px}.references header .caps{font-size:11px}.testimonial,.testimonial.reverse{display:flex;flex-direction:column;padding:25px 24px 45px;gap:25px}.testimonial figure img{width:185px;margin-bottom:0}.testimonial figcaption{font-size:12px}.quote-lead{font-size:24px;line-height:1.4;margin-bottom:25px}.testimonial blockquote{font-size:16px}.investment{padding:45px 24px 50px}.prices{grid-template-columns:1fr;max-width:350px;gap:55px;margin-top:35px}.price-symbol{width:115px;height:115px;font-size:55px}.prices h3{font-size:35px}.price-badge,.prices article:first-child .price-badge{margin-top:23px;margin-bottom:28px}.prices article>p:not(.price):not(.old-price){margin-top:25px}.places{aspect-ratio:auto;height:470px}.places>img{object-position:35% center}.places>div{left:24px;top:25px;text-align:left}.places h2{font-size:34px}.places p{font-size:17px;margin-top:15px}.invitation{padding:40px 24px}.invitation h2{font-size:29px;line-height:1.3;margin-bottom:28px}.invitation .note{font-size:14px}.call .button{margin-top:30px}.closing{aspect-ratio:auto;height:480px}.closing>img{object-position:51% center}.closing p{right:24px;left:24px;bottom:30px;text-align:center;font-size:17px;text-shadow:0 1px 4px #000}.order-hero{height:350px}.order-hero h1{font-size:49px}.form-slot{min-height:600px;padding:45px 24px}.thanks{height:650px}.thanks h1{left:8%;top:35px;width:80%;font-size:34px;text-shadow:0 1px 5px #0008}.thanks .thanks-note{left:24px;right:24px;bottom:40px;font-size:18px;text-shadow:0 1px 5px #000}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Approved feedback, 28 October: shared components remain in this single stylesheet. */
strong{font-weight:700}
.form-slot{padding:96px 32px 112px}
.form-slot #fapi-form{max-width:900px;margin-inline:auto;text-align:left}
@media(max-width:700px){.form-slot{padding:64px 24px 80px}}
@property --button-top{syntax:'<color>';inherits:false;initial-value:#9c623b}
@property --button-bottom{syntax:'<color>';inherits:false;initial-value:#885333}
.button{--button-top:#9c623b;--button-bottom:#885333;min-height:54px;padding:15px 16px;border-radius:999px;border:1px solid #704126;border-top-color:#c9aa90;border-left-color:#c9aa90;background:linear-gradient(180deg,var(--button-top),var(--button-bottom));box-shadow:0 2px 1px #3b2312a6,3px 5px 4px #100b0873,5px 7px 9px #100b083d;font-family:var(--body);font-size:13px;line-height:1.35;letter-spacing:.13em;transition:--button-top .25s ease,--button-bottom .25s ease,color .25s ease,border-color .25s ease,transform .2s}
.button:hover,.button:focus-visible,.button:active{--button-top:var(--rose);--button-bottom:var(--rose);background:linear-gradient(180deg,var(--button-top),var(--button-bottom));color:var(--ink);border-color:var(--rose)}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
.hero-invite .button{min-width:198px}
.invitation>.button,.call .button{min-width:238px;min-height:64px;font-size:15px}
.questions{grid-template-columns:33% minmax(0,1fr);gap:7.2%;padding:60px 6.85%;align-items:center}
.questions img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:40% 50%}
.questions p+p{margin-top:32px}
.calls{background:#a0561f}.mentoring{background:var(--ink)}.workspace{background:var(--wine)}
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{min-width:0;padding-bottom:40px}
.card-label{white-space:normal}
.card>.card-photo{height:320px;aspect-ratio:auto;object-fit:cover;flex-shrink:0;margin-top:auto;clip-path:none}
.calls .card-photo{object-position:53% center}.mentoring .card-photo{object-position:50% center}.workspace .card-photo{object-position:48% center}
.expect-copy{list-style:none;padding:0;max-width:1050px;margin:30px auto 0}
.expect{padding-bottom:70px}
.expect-copy li{position:relative;margin:0 auto;padding:0;width:fit-content;max-width:100%;text-align:center}
.expect-copy li+li{margin-top:28px}
.expect-copy li:before{content:'✦';display:inline-block;vertical-align:middle;line-height:1;font-size:.8em;color:currentColor;margin-right:.75em}
.surprise{height:300px;display:flex;align-items:center;justify-content:flex-start;padding:35px 0 65px 12%}
.surprise p{text-align:center;line-height:1.1}
.surprise .sparkles{position:absolute;width:125px;height:125px;right:20%;bottom:34px;color:#a0561f}
.human-design{width:100%;min-height:490px;aspect-ratio:1366/550;color:var(--cream);display:flex;align-items:center;padding:60px 5.2%}
.human-design:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,32,25,.88),rgba(21,32,25,.72) 27%,rgba(21,32,25,.16) 43%,transparent 58%)}
.human-design-copy{width:34%;max-width:420px}
.human-design h2{position:static;white-space:nowrap;text-shadow:0 1px 3px #17251c66}
.human-design p{position:static;width:100%;max-width:360px;margin-top:24px;line-height:1.5;text-shadow:0 1px 3px #17251c}
.testimonial figure img{width:166px;height:166px;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 25px 16px #b68f6880;margin:0 auto 35px}
.testimonial figcaption{white-space:normal}
/* Canva: the subtitle begins just left of the page midpoint; mobile stays centred. */
@media(min-width:701px){.references header .caps{margin-left:49%;text-align:left}}
.prices{row-gap:0}
.investment{padding-top:100px}
.prices article{display:grid;grid-template-rows:subgrid;grid-row:span 2}
.prices .price-main>p:not(.price):not(.old-price){margin-top:34px}
.prices article>p.price-footnote{margin-top:0!important;padding-top:38px;align-self:start}
.places{color:#35271f}
.places>div{z-index:1;width:auto;max-width:540px}
.places:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,239,234,.96),rgba(246,239,234,.9) 37%,rgba(246,239,234,0) 68%)}
.invitation{padding-top:80px;padding-bottom:85px}
.closing>img{object-position:center 10%}
.closing p{text-shadow:0 1px 4px #000}
/* Keep the sun at the centre of the o in Growth. Image and heading share one anchor.
   Source sun: (620,330) in 1800x1012. Scope One's o centre: 1.387em x, .4865em y. */
.vision{--scene-height:max(680px,min(66.7643vw,1068.23px));--vision-font:clamp(56px,7.9vw,124px);--sun-x:31.55%;height:var(--scene-height);min-height:0;aspect-ratio:auto}
.vision>img{left:calc(var(--sun-x) - var(--scene-height)*.61265);right:auto;width:calc(var(--scene-height)*1.778656);height:100%;max-width:none;object-fit:fill}
.vision h2{position:absolute;top:32.6087%;left:var(--sun-x);width:max-content;margin:0;font-size:var(--vision-font);line-height:1;transform:translate(-1.387em,-.4865em);white-space:nowrap}
@media(min-width:701px) and (max-width:1050px){.card{padding-inline:24px;padding-bottom:24px}.card-label{white-space:normal}.questions p+p{margin-top:24px}.surprise{padding-left:4%}.surprise .sparkles{right:8%}.human-design-copy{width:42%}}
@media(max-width:700px){
 .button{font-size:13px;min-height:54px}
 .invitation>.button,.call .button{min-height:60px;font-size:15px}
 .hero:not(.order-hero):not(.thanks) h1{top:64px;left:20px;right:20px;width:auto;font-size:clamp(48px,15.46vw,58px);text-align:center}
 .hero-invite{bottom:62px}
 .vision{--scene-height:740px;--vision-font:clamp(40px,13.6vw,51px);--sun-x:calc(50% - var(--vision-font)*1.762)}
 .vision:after{content:'';position:absolute;inset:40% 0 0;z-index:-1;background:linear-gradient(transparent,rgba(7,19,25,.8) 20%,rgba(7,19,25,.3))}
 .questions{grid-template-columns:1fr;padding:42px 24px;gap:32px}.questions img{width:min(100%,300px);height:auto}.questions p+p{margin-top:24px}
 .cards{grid-template-columns:1fr}.card{padding-bottom:28px}.card>.card-photo{height:320px;width:100%;max-width:none}
 .expect{padding-bottom:45px}.expect-copy li{padding:0}.expect-copy li+li{margin-top:26px}
 .surprise{height:auto;min-height:255px;padding:48px 0 100px;justify-content:center}.surprise p{font-size:26px}.surprise .sparkles{width:90px;height:90px;right:10%;bottom:22px}
 .human-design{height:auto;min-height:620px;aspect-ratio:auto;padding:64px 24px;align-items:flex-start}.human-design>img{object-position:58% center}.human-design-copy{width:100%;max-width:none}.human-design h2{font-size:36px;white-space:normal}.human-design p{width:76%;max-width:260px;font-size:17px;line-height:1.55}.human-design:after{background:linear-gradient(90deg,rgba(21,32,25,.9),rgba(21,32,25,.76) 38%,rgba(21,32,25,.3) 68%,transparent 94%)}
 .reference-break{display:block}.references header .caps{font-size:12px}.testimonial figure img{width:166px;height:166px;margin-bottom:32px}.testimonial figcaption{font-size:13px}
 .investment{padding-top:68px}.prices{row-gap:55px}.prices article{display:block}.prices .price-main>p:not(.price):not(.old-price){margin-top:25px}.prices article>p.price-footnote{padding-top:28px}
 .places{height:510px}.places>div{left:24px;right:24px;top:28px;width:auto;max-width:none}.places>div:before{content:'';display:block;width:140px;max-width:60%;margin:0 auto 32px;border-top:3px dotted var(--muted)}.places:after{background:linear-gradient(180deg,rgba(246,239,234,.96),rgba(246,239,234,.91) 40%,rgba(246,239,234,0) 70%)}.places h2{font-size:34px}.places p{font-size:17px}
 .invitation{padding:65px 24px 75px}.closing{height:480px}.closing>img{left:50%;right:auto;width:auto;height:100%;max-width:none;transform:translateX(-49.1%);object-position:center}
}

/* Markéta's collected corrections, 30 October 2026. */
.button{transition:transform .18s ease,box-shadow .18s ease}
.button:hover,.button:focus-visible,.button:active{--button-top:#9c623b;--button-bottom:#885333;color:var(--cream);border-color:#704126;border-top-color:#c9aa90;border-left-color:#c9aa90}
.button:hover,.button:focus-visible{transform:translateY(2px);box-shadow:0 1px 1px #3b2312a6,2px 3px 3px #100b0873,3px 4px 6px #100b083d}
.button:active{transform:translateY(4px);box-shadow:0 1px 2px #100b0866}
.testimonial blockquote p.reference-paragraph{margin-top:1.5em}
.reference-messages{padding:90px 6.5%;background:var(--cream)}
.reference-messages>h2{text-align:center;color:var(--ink);margin-bottom:64px}
.reference-message-grid{max-width:1200px;margin:auto;columns:2;column-gap:36px}
.reference-message-grid img{width:100%;height:auto;border-radius:18px;margin-bottom:32px;break-inside:avoid}
.closing-copy{position:absolute;right:6%;bottom:18%;max-width:62%;text-align:right}
.closing-copy .button{margin-bottom:38px;min-height:60px;padding-inline:25px;font-size:15px}
.closing .closing-copy p{position:static;margin:0;text-align:inherit}
@media(max-width:700px){
 .hero:not(.order-hero):not(.thanks) h1{top:40px;left:24px;right:auto;width:auto;font-size:clamp(40px,12vw,48px);text-align:left;line-height:1}
 .hero-invite{left:12px;right:12px}
 .hero-invite p{font-size:clamp(13px,4.15vw,22px);max-width:none;white-space:nowrap}
 .human-design{min-height:780px;padding:390px 24px 48px;align-items:flex-end}
 .human-design p{width:100%;max-width:310px}
 .references header .caps{margin:18px 0 0 23%;text-align:right;line-height:1.65}
 .testimonial,.testimonial.reverse{padding-top:65px;padding-bottom:60px;gap:36px}
 .testimonial figure img{margin-bottom:38px}
 .places{overflow:visible}
 .places>div{top:52px;text-align:center;left:20px;right:20px}
 .places>div:before{display:none}
 .places:before{content:'';position:absolute;top:0;left:50%;width:140px;transform:translate(-50%,-50%);border-top:3px dotted var(--muted);z-index:2}
 .reference-messages{padding:64px 24px 48px}
 .reference-message-grid{columns:1}
 .reference-message-grid img{border-radius:14px;margin-bottom:24px}
 .closing-copy{left:24px;right:24px;bottom:40px;max-width:none;text-align:center}
 .closing-copy .button{margin-bottom:34px;font-size:13px;min-height:56px;padding-inline:22px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Reference screenshots: clean white crops, softer matching ink, staggered columns. */
.reference-message-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;columns:auto;align-items:center}
.message-column{display:flex;flex-direction:column;gap:32px;min-width:0}
.message-column-short{width:92%;justify-self:end}
.message-card{overflow:hidden;border-radius:18px;background:#fff;isolation:isolate}
.reference-message-grid .message-card img{margin:0;border-radius:0;width:100%;max-width:none;height:auto;filter:contrast(2);opacity:.68}
.reference-message-grid .message-card-3 img,.reference-message-grid .message-card-4 img,.reference-message-grid .message-card-5 img,.reference-message-grid .message-card-7 img{opacity:.55}
.reference-message-grid .message-card-1 img,.reference-message-grid .message-card-2 img,.reference-message-grid .message-card-6 img{opacity:.8}
.message-card-1{position:relative;aspect-ratio:1156/174}
.reference-message-grid .message-card-1 img{position:absolute;top:0;left:0;width:101.98962%}
.message-card-5{position:relative;aspect-ratio:1000/617}
.reference-message-grid .message-card-5 img{position:absolute;top:0;left:-16%;width:117.9%}
@media(max-width:700px){
 .reference-messages{background:var(--cream);position:relative}
 .reference-messages:before{content:"";position:absolute;inset:16px 12px;border:3px dotted var(--muted);border-radius:18px;pointer-events:none}
 .reference-messages>h2{margin-bottom:44px}
 .reference-message-grid{grid-template-columns:1fr;gap:28px}
 .message-column{gap:28px}
 .message-column-short{width:100%}
 .message-card{border-radius:14px}
}

/* HlavuPrázdno — local lead-magnet preview, see ../hlavoprazdno/README.md. */
.hlavu-page{background:#15353c;color:var(--cream)}
.hlavu-main{position:relative;isolation:isolate;max-width:none;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:80px 7%}
.hlavu-photo{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:50% 57%;z-index:-2}
.hlavu-main:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15353c 5%,#15353c 30%,rgba(21,53,60,.94) 39%,rgba(21,53,60,.5) 53%,transparent 73%)}
.hlavu-content{width:49%;max-width:560px}
.hlavu-content h1{font-size:clamp(52px,5.6vw,80px);letter-spacing:-.035em;margin-bottom:36px}
.hlavu-copy{max-width:490px;font-size:clamp(16px,1.65vw,19px);line-height:1.75}
.hlavu-line{display:block}
.hlavu-copy p+p{margin-top:24px}
.hlavu-form{margin-top:38px;max-width:410px;display:grid;gap:17px}
.hlavu-field{display:block;position:relative}
.hlavu-field span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hlavu-field input{width:100%;height:61px;border:1px solid #e0d5ca;border-radius:18px;background:#f6efea;color:var(--ink);padding:17px 23px;font:17px/1.4 var(--body);box-shadow:inset 2px 3px 7px #6b4e3d24,inset -1px -1px 3px #fff9}
.hlavu-field input::placeholder{color:#78665c;opacity:1}
.hlavu-field input:focus-visible{outline:2px solid #d8b39b;outline-offset:4px}
.hlavu-form .button{justify-self:center;margin-top:11px;min-height:62px;padding-inline:29px;font-size:14px}
@media(max-width:700px){
 .hlavu-main{display:block;min-height:100svh;padding:52px 26px 60px}
 .hlavu-photo{width:100%;height:560px;object-position:50% 56%}
 .hlavu-main:before{background:linear-gradient(180deg,rgba(9,30,33,.52),transparent 180px,transparent 270px,rgba(21,53,60,.65) 360px,#15353c 490px)}
 .hlavu-content{width:100%;max-width:460px;margin:auto;container-type:inline-size}
 .hlavu-content h1{font-size:clamp(43px,12vw,64px);text-align:center;margin-bottom:360px;text-shadow:0 2px 12px #15353c88}
 .hlavu-copy{font-size:min(17px,4.65cqw);line-height:1.9;text-align:center}
 .hlavu-copy p+p{margin-top:22px}
 .hlavu-form{margin-top:30px;max-width:none;gap:16px}
 .hlavu-form .button{justify-self:center;font-size:13px;margin-top:14px;padding-inline:26px}
}

/* Hlavoprázdno: delivery page after double opt-in confirmation. */
.hlavu-download .hlavu-content{max-width:560px}
.hlavu-download-content{max-width:410px;text-align:center;padding-top:12px}
.hlavu-download-content .button{min-height:62px;padding-inline:26px;font-size:14px}
.hlavu-download-content p{margin-top:38px;font-size:17px;line-height:1.85}
@media(max-width:700px){
 .hlavu-download-content{max-width:none;padding-top:0}
 .hlavu-download-content .button{font-size:13px;padding-inline:22px}
 .hlavu-download-content p{font-size:15px;margin-top:35px}
}

/* Hlavoprázdno: awaiting the email confirmation; progress is a static step indicator. */
.hlavu-confirm-content{max-width:410px;text-align:center;padding-top:12px}
.hlavu-progress{height:38px;border-radius:999px;background:var(--cream);box-shadow:inset 1px 2px 5px #4e403a35;overflow:hidden}
.hlavu-progress span{display:flex;align-items:center;justify-content:center;width:80%;height:100%;border-radius:999px;background:linear-gradient(180deg,#9c623b,#885333);color:var(--cream);font-size:14px;letter-spacing:.08em;box-shadow:2px 0 4px #4e403a25}
.hlavu-confirm-content p{margin-top:38px;font-size:17px;line-height:1.85}
@media(max-width:700px){
 .hlavu-confirm-content{max-width:none;padding-top:0}
 .hlavu-confirm-content p{font-size:15px;margin-top:35px}
 .hlavu-progress{height:34px}
 .hlavu-progress span{font-size:13px}
}

/* Temporary Divoko hluboko homepage — preview pending legal documents. */
.home-holding{min-height:100svh;display:flex;flex-direction:column;background:var(--cream)}
.home-holding-hero{position:relative;isolation:isolate;width:100%;max-width:none;flex:1;min-height:calc(100svh - 104px);margin:0;overflow:hidden;display:flex;align-items:center;padding:7vw}
.home-holding-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:64% 43%}
.home-holding-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,239,234,.98),rgba(246,239,234,.88) 27%,rgba(246,239,234,.35) 43%,transparent 62%)}
.home-holding-hero h1{font-family:var(--serif);font-size:clamp(58px,6.4vw,98px);line-height:1.12;color:var(--ink);letter-spacing:.015em}
.home-holding-footer{min-height:104px;display:flex;align-items:center;justify-content:center;gap:56px;padding:28px 24px;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.5}
@media(max-width:700px){
.home-holding-hero{min-height:calc(100svh - 128px);align-items:flex-end;justify-content:center;padding:36px 24px}
.home-holding-hero>img{object-position:65% center}
.home-holding-hero:after{background:linear-gradient(0deg,#f6efea 0%,rgba(246,239,234,.96) 15%,rgba(246,239,234,.65) 28%,transparent 49%)}
.home-holding-hero h1{font-size:clamp(42px,12.8vw,66px);text-align:center;line-height:1.12}
.home-holding-footer{min-height:128px;flex-direction:column;gap:16px;padding:26px 16px}
}


/* Growth Space closing portrait references — local proposal, November 1. */
.reference-portrait{position:relative;isolation:isolate;overflow:hidden;background:var(--cream);padding:84px 5.5% 80px}
.reference-portrait:before{display:none}
.reference-portrait-scene{position:absolute;inset:0 0 auto;height:1000px;z-index:-1;pointer-events:none}
.reference-portrait-scene img{width:100%;height:100%;object-fit:cover;object-position:69% top}
.reference-portrait-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--cream),transparent 40%),linear-gradient(90deg,#f6efea 0%,rgba(246,239,234,.95) 28%,rgba(246,239,234,.72) 45%,transparent 72%)}
.reference-portrait>h2{width:64%;text-align:center;margin-bottom:52px}
.reference-portrait .reference-message-grid{width:64%;margin:0;gap:26px;align-items:center}
.reference-portrait .message-column{gap:26px}
.reference-portrait .message-column-short{width:100%}
.reference-portrait-note{text-align:center;max-width:800px;margin:84px auto 0;font-size:21px;line-height:1.7}
@media(max-width:700px){
.reference-portrait{padding:490px 24px 56px}
.reference-portrait-scene{height:610px}
.reference-portrait-scene img{object-position:65% top}
.reference-portrait-scene:after{background:linear-gradient(0deg,#f6efea 0%,rgba(246,239,234,.97) 12%,rgba(246,239,234,.6) 28%,transparent 50%)}
.reference-portrait>h2{width:100%;margin-bottom:40px;font-size:36px}
.reference-portrait .reference-message-grid{width:100%;gap:28px}
.reference-portrait .message-column{gap:28px}
.reference-portrait-note{margin-top:56px;font-size:17px}
}
@media(min-width:701px){.reference-portrait-scene img{transform:translateX(17%)}.reference-portrait-scene:after{background:linear-gradient(0deg,var(--cream),transparent 40%),linear-gradient(90deg,#f6efea 0%,rgba(246,239,234,.98) 30%,rgba(246,239,234,.8) 47%,transparent 76%)}}
/* Separate closing invitation and photo-backed mobile testimonials. */
.reference-closing{background:var(--cream);padding:70px 24px 84px;text-align:center}
.reference-closing .reference-portrait-note{margin:0 auto;max-width:800px}
.reference-closing .button{margin-top:36px;min-height:64px;padding:18px 28px;font-size:15px}
@media(min-width:701px){.reference-portrait{min-height:974px}}
@media(max-width:700px){
.reference-portrait{padding:42px 24px 42px}
.reference-portrait>h2{font-size:34px;margin-bottom:48px}
.reference-portrait-scene{height:100%}
.reference-portrait-scene img{object-position:64% top}
.reference-portrait-scene:after{background:linear-gradient(180deg,rgba(246,239,234,.88),rgba(246,239,234,.12) 15%,rgba(246,239,234,.12) 88%,var(--cream))}
.reference-closing{padding:44px 24px 64px}
.reference-closing .button{font-size:13px;min-height:58px;margin-top:30px}
}
@media(max-width:700px){.reference-portrait-scene img{height:calc(100% + 200px);max-width:none;transform:translateY(-200px);object-position:64% top}}

/* Mobile alternative: natural portrait scale, whole face unobstructed. */
@media(max-width:700px){
.reference-portrait{padding:32px 24px 42px}
.reference-portrait>h2{margin-bottom:295px;font-size:32px;position:relative}
.reference-portrait-scene{height:690px}
.reference-portrait-scene img{height:600px;width:100%;max-width:100%;transform:none;object-fit:cover;object-position:65% top}
.reference-portrait-scene:after{background:linear-gradient(180deg,rgba(246,239,234,.83) 0%,rgba(246,239,234,.2) 12%,transparent 25%,transparent 43%,rgba(246,239,234,.65) 68%,var(--cream) 87%)}
}
/* Return to full-photo mobile layout; shift the gap away from the eyes. */
@media(max-width:700px){
.reference-portrait{padding:42px 24px 42px}
.reference-portrait>h2{font-size:34px;margin-bottom:48px}
.reference-portrait-scene{height:100%}
.reference-portrait-scene img{height:100%;width:100%;max-width:100%;transform:none;object-fit:cover;object-position:64% top}
.reference-portrait-scene:after{background:linear-gradient(180deg,rgba(246,239,234,.88),rgba(246,239,234,.12) 15%,rgba(246,239,234,.12) 88%,var(--cream))}
.reference-portrait .message-column-long{flex-direction:column-reverse}
}
@media(max-width:700px){.reference-portrait-scene img{transform:translateY(-35px)}}
/* Mobile: mouth in the gap; a longer continuous fade into the invitation. */
@media(max-width:700px){
.reference-portrait{padding-bottom:110px}
.reference-portrait-scene{height:calc(100% - 68px)}
.reference-portrait-scene img{transform:translateY(-105px)}
.reference-portrait-scene:after{background:linear-gradient(180deg,rgba(246,239,234,.88),rgba(246,239,234,.12) 15%,rgba(246,239,234,.12) 70%,var(--cream) 86%)}
.reference-closing{padding-top:24px}
}

/* Final invitation: exact approved wording, balanced spacing on both sizes. */
.reference-closing{padding:48px 24px 72px}
.reference-closing h2{margin:0 auto 24px;max-width:900px}
.reference-closing .button{margin-top:32px}
@media(max-width:700px){
.reference-portrait{padding-bottom:52px}
.reference-portrait-scene{height:calc(100% - 10px)}
.reference-closing{padding:16px 24px 56px}
.reference-closing h2{font-size:34px;line-height:1.18;margin-bottom:22px}
.reference-closing .button{margin-top:28px}
}
/* Desktop: compact space below testimonials, preserving portrait scale. */
@media(min-width:701px){
.reference-portrait{min-height:0;padding-bottom:52px}
.reference-portrait-scene{height:100%}
.reference-portrait-scene img{height:1000px}
.reference-closing{padding-top:36px}
}

.home-holding-footer a{color:var(--ink);text-decoration:none}.home-holding-footer a:hover{text-decoration:underline}.legal-page{background:var(--cream);color:var(--ink);min-height:100svh;display:flex;flex-direction:column}.legal-content{width:min(820px,100%);margin:auto;padding:90px 28px;flex:1}.legal-brand{font-family:var(--serif);font-size:24px;color:inherit;text-decoration:none}.legal-content h1{font-family:var(--serif);font-size:clamp(36px,5vw,60px);line-height:1.2;margin:70px 0 36px}.legal-content p{line-height:1.8;font-size:18px}.legal-content a{color:inherit}@media(max-width:700px){.legal-content{padding:40px 24px}.legal-content h1{margin-top:60px}}

.home-holding-hero h1{display:inline-block;text-align:center}

.legal-document h1{font-size:clamp(32px,4.5vw,56px);overflow-wrap:break-word}.legal-document h2{font-family:var(--serif);font-size:clamp(25px,3vw,34px);line-height:1.35;margin:56px 0 24px;overflow-wrap:break-word}.legal-document h3{font-size:19px;line-height:1.5;margin:32px 0 16px}.legal-document p{font-size:17px;line-height:1.85;margin:0 0 18px;overflow-wrap:anywhere;text-align:left}.legal-document{max-width:70ch}.legal-content{width:min(900px,100%)}@media(max-width:700px){.legal-document p{font-size:16px;line-height:1.8}.legal-document h2{margin-top:42px}}