:root{
--burgundy:#280400;
--wine:#5c0a0a;
--crimson:#8f1118;
--red:#a51e2a;
--rose:#d698b3;
--amber:#d17d08;
--amber-deep:#9a5a05;
--gold:#c88a24;
--gold-bright:#e5a83b;
--champagne:#f3c96b;
--cream:#fff8f3;
--peach:#fbebd2;
--blush:#fbebd2;
--rose-soft:rgba(243,201,107,.18);
--text:#280400;
--text-soft:#62403a;
--border:rgba(209,125,8,.3);
--card:rgba(255,255,255,.75);
--shadow:0 14px 40px rgba(143,17,24,.09);
--glow:0 0 40px rgba(209,125,8,.2);
--fire-gradient:#8f1118;
--aura:radial-gradient(closest-side,rgba(243,201,107,.42),rgba(243,201,107,.16) 55%,transparent);
--body-size:clamp(.9375rem,.9vw,1rem);
--container:min(1120px,calc(100% - 2.5rem))}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth;
font-size:106.25%}
body{
margin:0;
color:var(--text);
background:#fff8f3;
font-family:"Hedvig Letters Serif",Georgia,serif;
font-synthesis-weight:none;
font-size:var(--body-size);
line-height:1.55;
-webkit-font-smoothing:antialiased}
a{
color:inherit;
text-decoration:none}
img{
display:block;
max-width:100%}
::selection{
background:var(--champagne);
color:var(--burgundy)}
.container{
width:var(--container);
margin:auto}
.sr-only{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0)}
.site-header{
height:78px;
display:flex;
align-items:center;
background:rgba(255,248,243,.88);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
position:sticky;
top:0;
z-index:10;
border-bottom:1px solid var(--border)}
.nav-wrap{
display:flex;
align-items:center;
justify-content:space-between;
gap:clamp(1rem,2vw,2rem)}
.brand-mark{
display:flex;
align-items:center;
gap:.7rem;
flex:none}
.brand-logo{
width:52px;
height:52px;
object-fit:contain;
border-radius:50%}
.brand-mark strong{
display:block;
font-size:clamp(1.1rem,1.5vw,1.3rem);
font-weight:600;
line-height:1;
white-space:nowrap;
letter-spacing:.02em;
background:linear-gradient(100deg,var(--crimson),var(--amber));
-webkit-background-clip:text;
background-clip:text;
color:transparent}
.brand-mark small{
display:block;
text-transform:uppercase;
font-size:.45rem;
letter-spacing:.27em;
margin-top:.45rem;
color:var(--wine)}
.site-nav{
display:flex;
align-items:center;
gap:clamp(1rem,1.8vw,1.8rem);
font-size:.95rem;
color:var(--wine)}
.site-nav a{
white-space:nowrap;
padding:.6rem 0;
border-bottom:2px solid transparent;
transition:color .25s,border-color .25s}
.site-nav a:not(.nav-cta):hover{
color:var(--amber-deep);
border-bottom-color:var(--amber)}
.nav-cta,.button-primary{
background:var(--fire-gradient);
color:#fff!important;
border-color:transparent!important;
box-shadow:0 8px 22px rgba(143,17,24,.28)}
.nav-cta:hover,.button-primary:hover{
background:#a51e2a}
.nav-cta{
padding:.7rem 1.4rem!important;
border-radius:999px;
font-weight:600}
.nav-toggle{
display:none}
.lang-switch{
display:flex;
flex:none;
border:1px solid var(--amber);
border-radius:999px;
overflow:hidden;
background:rgba(255,255,255,.6)}
.lang-switch button{
border:0;
background:transparent;
color:var(--crimson);
font:inherit;
font-size:.8rem;
letter-spacing:.08em;
padding:.35rem .75rem;
cursor:pointer;
transition:background .25s,color .25s}
.lang-switch button:hover{
background:rgba(209,125,8,.15)}
.lang-switch button.is-active{
background:var(--crimson);
color:#fff}
.lang-switch button:focus-visible{
outline:2px solid var(--amber);
outline-offset:-2px}
.hero{
height:550px;
position:relative;
isolation:isolate;
background:
radial-gradient(ellipse 50% 80% at 78% 55%,rgba(243,201,107,.32),transparent 70%),
linear-gradient(120deg,#fff8f3,#fff8f3 50%,#fbebd2);
overflow:hidden}
.hero:before{
content:"";
position:absolute;
width:760px;
height:760px;
right:-120px;
top:-100px;
border-radius:50%;
background:repeating-radial-gradient(circle,transparent 0 46px,rgba(209,125,8,.2) 46px 47px);
-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 70%);
mask-image:radial-gradient(circle,#000 25%,transparent 70%);
z-index:-1}
.hero-photo{
position:absolute;
inset:0 0 0 43%;
z-index:-1}
.hero-photo:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,#fff8f3 0%,rgba(255,248,243,.6) 22%,transparent 55%),linear-gradient(0deg,rgba(255,248,243,.5),transparent 40%)}
.hero-photo img{
width:100%;
height:100%;
object-fit:cover;
object-position:center 43%;
filter:brightness(1.08) saturate(1.05)}
.hero-content{
padding-top:5rem}
.eyebrow,.title-row>p,.form-kicker{
text-transform:uppercase;
letter-spacing:.25em;
font-size:.62rem;
color:var(--amber-deep);
font-weight:600;
margin:0}
.eyebrow span,.title-row h2 span,.contact-copy h2 span{
display:inline-block;
width:75px;
border-top:1px solid var(--amber);
vertical-align:middle;
margin-left:1rem}
.subtitle{
margin-top:.45rem;
color:var(--crimson)}
.hero h1{
font-weight:500;
font-size:clamp(2.5rem,4.4vw,4rem);
line-height:1.05;
margin:1.1rem 0;
letter-spacing:-.02em;
color:var(--burgundy)}
.hero h1 em{
font-style:normal;
background:linear-gradient(100deg,var(--red),var(--amber) 70%);
-webkit-background-clip:text;
background-clip:text;
color:transparent}
.hero-text{
max-width:450px;
line-height:1.6;
font-size:1rem;
color:var(--text-soft);
margin:0}
.hero-actions{
display:flex;
gap:.8rem;
margin-top:1.6rem}
.button{
font-size:.9rem;
font-weight:600;
border-radius:999px;
padding:.8rem 1.5rem;
display:inline-block;
text-align:center;
border:1px solid var(--crimson);
font-family:inherit;
cursor:pointer;
transition:transform .25s,box-shadow .25s}
.button:hover{
transform:translateY(-2px);
box-shadow:0 10px 28px rgba(143,17,24,.25)}
.button-secondary{
color:var(--crimson);
background:rgba(255,255,255,.6);
border-color:var(--amber)}
.section{
padding:4.5rem 0}
.policy-content{
max-width:780px}
.policy-content h1{
font-size:clamp(2.1rem,4vw,3.1rem);
font-weight:500;
margin:.8rem 0 1rem}
.policy-content h2{
margin:2rem 0 .6rem}
.policy-content p{
line-height:1.6;
color:var(--text-soft)}
.policy-content a{
color:var(--crimson);
text-decoration:underline}
.about{
background:rgba(251,235,210,.6)}
.activation-section{
background:
radial-gradient(ellipse 50% 100% at 100% 100%,rgba(243,201,107,.35),transparent 70%),
linear-gradient(180deg,#fff8f3,#fbebd2);
border-top:1px solid var(--border);
border-bottom:1px solid var(--border)}
.activation-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:3.5rem;
align-items:start}
.activation-copy p{
max-width:530px;
line-height:1.65;
color:var(--text-soft)}
.activation-points{
display:grid;
gap:.8rem}
.activation-points article{
position:relative;
padding:1.1rem 1.1rem 1.1rem 3.2rem;
background:var(--card);
border:1px solid var(--border);
border-left:3px solid var(--amber);
border-radius:14px;
box-shadow:var(--shadow);
backdrop-filter:blur(6px)}
.activation-points i{
position:absolute;
left:1.1rem;
top:1.1rem;
color:var(--amber);
font-style:normal}
.activation-points h3{
margin:0;
font-size:1.1rem;
color:var(--wine)}
.activation-points p{
margin:.25rem 0 0;
line-height:1.5;
font-size:.9rem;
color:var(--text-soft)}
.about-grid{
display:grid;
grid-template-columns:250px 1fr 150px;
align-items:center;
gap:3.5rem}
.about-image{
margin:0;
position:relative;
isolation:isolate}
.about-image:before{
content:"";
position:absolute;
inset:-26px;
background:var(--aura);
z-index:-1}
.about-image img{
height:310px;
width:100%;
object-fit:cover;
object-position:center 38%;
border-radius:140px 140px 14px 14px;
border:2px solid rgba(255,255,255,.9);
box-shadow:0 18px 36px rgba(143,17,24,.15)}
.about-image figcaption{
font-size:.95rem;
font-style:italic;
color:var(--crimson);
line-height:1.8;
width:100%;
margin-top:1rem;
padding-left:1rem;
transform:rotate(-3deg)}
h2{
font-size:clamp(1.75rem,2.5vw,2.1rem);
font-weight:500;
margin:0 0 1rem;
color:var(--wine)}
.about-copy p{
line-height:1.65;
margin:.65rem 0;
max-width:520px;
color:var(--text-soft)}
.values{
display:flex;
justify-content:space-between;
text-align:center;
margin-top:1.6rem;
max-width:520px}
.values i{
display:block;
color:var(--amber);
font-size:2rem;
font-style:normal}
.values small{
font-size:.58rem;
text-transform:uppercase;
letter-spacing:.1em;
color:var(--wine)}
.quote-note{
background:linear-gradient(160deg,#fbebd2,rgba(243,201,107,.35));
border:1px solid var(--border);
border-radius:16px;
padding:1.5rem .9rem;
text-align:center;
color:var(--wine);
font-size:.95rem;
font-style:italic;
line-height:1.5;
box-shadow:var(--shadow)}
.quote-note span{
display:block;
color:var(--amber);
font-size:1.4rem;
font-style:normal;
margin-top:1rem}
.sessions-section{
padding-top:4rem}
.title-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:1.6rem}
.title-row h2{
margin:0;
font-size:clamp(1.6rem,2.2vw,1.9rem)}
.title-row>p{
color:var(--crimson)}
.sessions-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.2rem}
.session-card{
text-align:center;
background:linear-gradient(180deg,#fff,#fbebd2);
border:1px solid var(--border);
border-radius:20px;
padding:0 1.1rem 1.3rem;
overflow:hidden;
box-shadow:var(--shadow);
transition:transform .3s,box-shadow .3s,border-color .3s}
.session-card:hover{
transform:translateY(-4px);
border-color:var(--amber);
box-shadow:var(--glow),0 18px 40px rgba(143,17,24,.12)}
.card-photo{
height:110px;
margin:0 -1.1rem;
background:var(--peach) center/cover no-repeat;
position:relative}
.card-photo:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(0deg,rgba(251,235,210,.85),transparent 70%)}
.individual{
background-image:url("pictures/individula-sesija.png")}
.group{
background-image:url("pictures/grupas-sesija.png")}
.online{
background-image:url("pictures/online-sesija.png")}
.session-icon{
width:56px;
height:56px;
line-height:54px;
border-radius:50%;
background:#fff;
border:1px solid var(--amber);
color:var(--amber);
font-size:1.6rem;
margin:1.4rem auto .6rem;
position:relative;
box-shadow:0 4px 14px rgba(209,125,8,.22)}
.session-card h3{
font-size:1.1rem;
margin:.4rem .2rem .2rem;
color:var(--wine)}
.session-card p{
font-size:.9rem;
min-height:2rem;
margin:.3rem;
color:var(--text-soft)}
.session-card hr{
border:0;
border-top:1px solid var(--amber);
width:45px;
margin:.9rem auto;
opacity:1}
.session-card small{
display:block;
line-height:1.5;
font-size:.8rem;
margin-bottom:1rem;
color:var(--crimson)}
.session-card .button{
font-size:.8rem;
padding:.65rem 1.2rem}
.audience{
background:rgba(251,235,210,.55)}
.audience-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1rem}
.audience-grid div{
display:flex;
align-items:center;
gap:1rem}
.audience-grid i{
font-style:normal;
font-size:1.7rem;
color:var(--amber);
width:62px;
height:62px;
flex:none;
border-radius:50%;
background:#fff;
border:1px solid var(--amber);
box-shadow:0 4px 14px rgba(209,125,8,.2);
display:grid;
place-items:center}
.audience-grid p{
margin:0;
line-height:1.35;
color:var(--text-soft)}
.story-section{
background:transparent}
.story-layout{
display:grid;
grid-template-columns:1fr 180px;
gap:2rem 4rem}
.story-layout .title-row{
grid-column:1/-1;
margin:0}
.story-copy p{
max-width:720px;
line-height:1.65;
margin:0 0 1rem;
color:var(--text-soft)}
.contact-section{
background:
radial-gradient(ellipse 55% 80% at 100% 0,rgba(243,201,107,.3),transparent 65%),
linear-gradient(115deg,rgba(255,248,243,.95),rgba(251,235,210,.94)),
url("pictures/anita.jpg") center 69%/cover;
border-top:1px solid var(--border);
padding:4rem 0}
.contact-grid{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:5rem;
align-items:start}
.contact-copy h2{
font-size:clamp(1.85rem,2.7vw,2.15rem);
line-height:1.15}
.contact-copy p{
max-width:330px;
line-height:1.6;
color:var(--text-soft)}
.contact-details{
display:grid;
gap:.55rem;
margin:1.5rem 0}
.contact-details a{
display:grid;
gap:.1rem;
width:max-content;
color:var(--wine);
font-weight:600;
text-decoration:none}
.contact-detail-label{
font-size:.68rem;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase}
.contact-details a:hover .contact-detail-value,.contact-details a:focus-visible .contact-detail-value{
color:var(--crimson);
text-decoration:underline}
.contact-form{
background:rgba(255,255,255,.78);
backdrop-filter:blur(10px);
padding:1.6rem;
border:1px solid var(--border);
border-radius:22px;
box-shadow:var(--shadow),var(--glow);
display:grid;
grid-template-columns:1fr;
gap:.8rem}
.contact-form .form-kicker,.contact-form label:last-of-type,.contact-form button,.form-note{
grid-column:1/-1}
.contact-form label{
display:grid;
gap:.3rem;
font-size:.82rem;
color:var(--wine)}
.contact-form .privacy-consent{
grid-template-columns:auto 1fr;
align-items:start;
gap:.55rem;
font-size:.7rem;
line-height:1.5}
.privacy-consent input{
margin:.2rem 0 0;
accent-color:var(--crimson)}
.privacy-consent a{
color:var(--crimson);
text-decoration:underline}
.contact-form input,.contact-form select,.contact-form textarea{
border:1px solid rgba(209,125,8,.4);
background:#fff;
color:var(--text);
padding:.7rem .8rem;
border-radius:12px;
font-family:inherit;
font-size:.85rem;
transition:border-color .25s,box-shadow .25s}
.contact-form input::placeholder,.contact-form textarea::placeholder{
color:rgba(98,64,58,.55)}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
outline:0;
border-color:var(--amber);
box-shadow:0 0 0 3px rgba(209,125,8,.22)}
.contact-or{
margin:0;
align-self:end;
text-align:center;
font-size:.78rem;
color:var(--crimson)}
.form-note{
color:var(--text-soft);
font-size:.68rem;
margin:0;
line-height:1.5}
.session-dialog{
width:min(92vw,680px);
max-height:min(84vh,700px);
padding:2.25rem;
border:1px solid var(--border);
border-radius:22px;
color:var(--text);
background:linear-gradient(160deg,#fff8f3,#fbebd2);
box-shadow:0 25px 80px rgba(92,10,10,.3),var(--glow)}
.session-dialog::backdrop{
background:rgba(92,10,10,.45);
backdrop-filter:blur(4px)}
.session-dialog h2{
margin-top:.45rem}
.session-dialog h3{
margin:1.3rem 0 .45rem;
font-size:1.2rem;
color:var(--wine)}
.session-dialog p,.session-dialog li{
line-height:1.55;
color:var(--text-soft)}
.session-dialog strong{
color:var(--text)}
.session-dialog ul{
margin:.4rem 0 1.4rem;
padding-left:1.2rem}
.session-dialog li+li{
margin-top:.55rem}
.dialog-close{
position:absolute;
top:.7rem;
right:.8rem;
width:2rem;
height:2rem;
border:0;
background:transparent;
color:var(--crimson);
font:2rem/1 "Hedvig Letters Serif",Georgia,serif;
cursor:pointer}
.site-footer{
padding:2rem 0;
background:#fbebd2;
border-top:1px solid var(--border)}
.site-footer .container{
display:flex;
justify-content:space-between;
align-items:center}
.site-footer p{
text-align:right;
font-size:.75rem;
color:var(--wine);
margin:0}
.reveal{
opacity:0;
transform:translateY(22px);
transition:.65s ease}
.reveal-visible{
opacity:1;
transform:none}
.reveal-delay{
transition-delay:.12s}
.reveal-delay-2{
transition-delay:.22s}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto}
.reveal{
opacity:1;
transform:none;
transition:none}
.button,.session-card{
transition:none}
}
@media(max-width:1000px){
.nav-wrap{
gap:1rem}
.lang-switch{
order:1;
margin-left:auto}
.nav-toggle{
order:2}
.site-nav{
display:none;
position:absolute;
left:1rem;
right:1rem;
top:70px;
padding:1rem;
background:rgba(255,248,243,.98);
flex-direction:column;
align-items:stretch;
border:1px solid var(--border);
border-radius:16px;
box-shadow:var(--shadow)}
.site-nav.is-open{
display:flex}
.nav-toggle{
display:block;
border:0;
background:transparent}
.nav-toggle span:not(.sr-only){
display:block;
width:25px;
height:2px;
background:var(--wine);
margin:5px}
.hero{
height:auto;
padding-bottom:2.5rem}
.hero-photo{
inset:0;
opacity:.28}
.hero-content{
padding-top:4rem}
.about-grid,.contact-grid{
grid-template-columns:1fr;
gap:1.8rem}
.activation-grid,.story-layout{
grid-template-columns:1fr;
gap:1.8rem}
.story-layout .title-row{
grid-column:auto}
.about-image{
max-width:300px}
.about-image figcaption{
margin-top:1rem}
.quote-note{
max-width:300px}
.audience-grid{
grid-template-columns:repeat(2,1fr)}
.site-nav a{
font-size:1rem}
}
@media(max-width:600px){
body{
font-size:.9375rem}
.brand-mark strong{
font-size:1.05rem}
.brand-mark small{
font-size:.36rem}
.hero-content{
padding-top:3rem}
.hero h1{
font-size:clamp(2.2rem,10vw,2.75rem)}
.sessions-grid{
grid-template-columns:1fr}
.title-row{
display:block}
.title-row>p{
margin:.5rem 0}
.about-image figcaption{
font-size:1rem}
.values{
gap:.5rem}
.audience-grid{
grid-template-columns:1fr}
.contact-form{
grid-template-columns:1fr}
.session-dialog{
padding:1.6rem 1.25rem}
.contact-or{
align-self:auto}
.site-footer .container{
align-items:flex-start;
gap:1rem}
.hero-actions{
flex-direction:column;
align-items:flex-start}
}