/* Gardenly Studio shared stylesheet: Home and Privacy. */
/* Design tokens */
:root{--background:#324625;--surface:#435b33;--text:#f2f6ef;--muted:#c0cdb7;--primary:#9fd978;--secondary:#85d5c5;--accent:#6969dd;--on-primary:#15151b;--font-heading:'Bellefair',Georgia,serif;--font-body:'Lato',Arial,sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-sm:12px;--r-md:24px;--r-lg:48px;--hairline:1px solid color-mix(in srgb,var(--primary) 24%,transparent);--shadow-low:0 4px 12px #182d1940,0 1px 3px #9fd97815;--shadow-mid:0 12px 32px #182d1960,5px 8px 0 #263e27;--shadow-high:0 25px 65px #13291e80,12px 15px 0 #253c26;--ease:cubic-bezier(.2,.8,.2,1);--layer-top:50}
/* Reset */
*,*::before,*::after{box-sizing:border-box}html{font-size:clamp(16px,.55vw + 11px,22px);scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip}img,svg{max-width:100%}a{color:inherit}button{font:inherit}
/* Base typography */
body{background:var(--background);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.7;background-image:radial-gradient(ellipse at 10% 0%,#9fd97812,transparent 38%),repeating-linear-gradient(96deg,transparent 0 4px,#85d5c503 5px 6px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1.12;text-wrap:balance}h2{font-size:clamp(2.5rem,4vw,4.5rem)}h3{font-size:clamp(1.5rem,2vw,2rem)}p{font-size:1.05rem;text-wrap:pretty}::selection{background:var(--accent);color:var(--text)}:focus-visible{outline:3px solid var(--secondary);outline-offset:4px}html{scrollbar-color:var(--primary) var(--background);scrollbar-width:thin}
/* Layout and container */
.container{width:min(100% - 40px,1360px);margin-inline:auto}.skip-link{position:fixed;left:var(--s4);top:-100px;background:var(--primary);color:var(--on-primary);padding:var(--s3);z-index:100}.skip-link:focus{top:var(--s4)}
/* Components */
.site-header{position:relative;z-index:20;flex-shrink:0}.header-top{background:#435b33bf;border-bottom:var(--hairline)}.header-top .container{min-height:clamp(55px,8svh,72px);display:flex;align-items:center}.header-bottom .container{min-height:clamp(48px,6svh,60px);display:flex;justify-content:flex-end;align-items:center}.header-bottom{border-bottom:var(--hairline);background:#324625b8}.brand{display:inline-flex;align-items:center;gap:var(--s3);text-decoration:none;min-width:0}.brand__chip{display:grid;place-items:center;border-radius:var(--r-sm);overflow:hidden;width:44px;height:44px;flex:none}.brand__chip img{width:40px;height:40px;object-fit:contain}.brand__name{font-family:var(--font-heading);font-size:clamp(1.25rem,2.2vw,1.9rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-privacy,.clay-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s4);min-height:48px;padding:var(--s3) var(--s5);border-radius:var(--r-lg);font-weight:700;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease);white-space:nowrap}.nav-privacy{font-size:.9rem;border:var(--hairline);background:var(--surface);box-shadow:var(--shadow-low)}.clay-button{background:var(--primary);color:var(--on-primary);box-shadow:0 5px 0 #5e8a46,0 12px 25px #13291e65}.nav-privacy:hover,.clay-button:hover{transform:translateY(-3px)}.nav-privacy[aria-current=page]{border-color:var(--secondary);color:var(--secondary)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;font-weight:700;color:var(--secondary)}.site-footer{padding-block:var(--s8) var(--s6)}.footer-card{background:var(--surface);border:var(--hairline);border-radius:var(--r-lg);padding:var(--s6);display:flex;gap:var(--s6);justify-content:space-between;flex-wrap:wrap;box-shadow:var(--shadow-mid)}.footer-brand{display:flex;align-items:center;gap:var(--s4)}.footer-brand img{width:40px;height:40px;border-radius:var(--r-sm)}.footer-brand div,.footer-note{display:flex;flex-direction:column}.footer-brand strong{font-family:var(--font-heading);font-size:1.5rem;font-weight:400}.footer-brand span,.footer-note{color:var(--muted);font-size:.9rem}.top-button{position:fixed;bottom:var(--s5);right:var(--s5);width:54px;height:54px;border-radius:50%;border:var(--hairline);background:var(--surface);color:var(--text);box-shadow:var(--shadow-mid);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s var(--ease);z-index:var(--layer-top)}.top-button.is-visible{opacity:1;pointer-events:auto}.top-button svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.top-track,.top-ring{fill:none;stroke-width:2}.top-track{stroke:#9fd97833}.top-ring{stroke:var(--primary);stroke-dasharray:125.66;stroke-dashoffset:125.66;transition:stroke-dashoffset .15s linear}.top-button span{font-size:1.4rem}
/* Page sections */
.hero-shell{height:100vh;height:100svh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(ellipse at 20% 10%,#85d5c52b,transparent 48%),linear-gradient(160deg,#435b33 0%,#324625 62%,#263c2b 100%);position:relative}.hero-shell main{min-height:0}.hero{height:100%;min-height:0;position:relative;display:flex;flex-direction:column;justify-content:center}.hero__inner{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(var(--hs,1)*min(1.2svh,12px));position:relative;padding-block:calc(var(--hs,1)*min(2svh,24px))}.hero__copy{width:min(100%,1000px);display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.hero h1{font-size:calc(var(--hs,1)*clamp(44px,min(10.3vw,12svh),166px));letter-spacing:-.035em;line-height:.86;margin:0;max-width:100%;text-shadow:2px 6px 0 #32462590}.hero__copy p{align-self:center;font-size:calc(var(--hs,1)*clamp(16px,min(2.1vw,2.9svh),27px));line-height:1.35;max-width:30ch;margin:calc(var(--hs,1)*min(2.2svh,22px)) 0;text-align:center;color:var(--muted)}.hero__copy .clay-button{align-self:flex-end;margin-right:8%;font-size:calc(var(--hs,1)*.9rem)}.hero__object{position:absolute;left:0;bottom:0;z-index:1;width:min(43vw,44svh,500px);max-height:min(46svh,540px);aspect-ratio:550/480;pointer-events:none;filter:drop-shadow(14px 22px 16px #15291c99);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease}.hero-art{width:100%;height:100%;object-fit:contain}.hero__cue{position:absolute;right:4%;bottom:var(--s4);font-size:.85rem;color:var(--muted)}.story-section{position:relative;min-height:80svh;padding-block:clamp(64px,10vw,128px);border-bottom:10px solid transparent;border-image:repeating-linear-gradient(110deg,var(--primary) 0 18px,var(--surface) 18px 30px,var(--background) 30px 40px) 10}.story-section:nth-of-type(2n){background:linear-gradient(145deg,#435b33 5%,#324625 95%)}.story-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--s8);align-items:start}.story-heading{position:sticky;top:var(--s6)}.story-heading h2{margin-bottom:var(--s4)}.story-heading__label{color:var(--primary);font-weight:700}.section-intro{font-size:1.15rem;line-height:1.85;color:var(--text);max-width:68ch;margin-bottom:var(--s7)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.detail-card{border:var(--hairline);border-radius:var(--r-lg);padding:var(--s6);background:linear-gradient(145deg,#435b33,#3b522e);box-shadow:var(--shadow-low);display:flex;align-items:start;gap:var(--s4);transition:transform .2s var(--ease)}.detail-card:hover{transform:translateY(-3px)}.detail-card--1{background:transparent;border-style:dashed}.detail-card__symbol{flex:none;color:var(--primary);width:40px;height:40px;border-radius:50%;background:#9fd97819;text-align:center;font-size:1.5rem}.detail-card h3{margin:0 0 var(--s3)}.detail-card p{color:var(--muted);font-size:1rem;line-height:1.72;margin:0}.section-visual{height:160px;max-width:300px;position:relative;margin-top:var(--s7);border:var(--hairline);border-radius:var(--r-lg);background:radial-gradient(circle at 25% 30%,#85d5c548,transparent 60%),#435b33;box-shadow:var(--shadow-high)}.section-visual span{position:absolute;font-family:var(--font-heading);font-size:5rem;color:var(--primary)}.section-visual span:nth-child(1){left:var(--s5);top:0}.section-visual span:nth-child(2){left:40%;bottom:-30px}.section-visual span:nth-child(3){right:var(--s5);top:0}.story-section--3 .detail-card:nth-child(even){margin-left:var(--s6)}.story-section--5 .details-grid{grid-template-columns:1fr}.story-section--5 .detail-card{border-radius:100px}.story-section--6 .detail-card{grid-column:span 2;display:grid;grid-template-columns:80px 1fr}.story-section--6 .detail-card__symbol{font-size:2.2rem}.closing-band{padding-block:var(--s10);background:linear-gradient(140deg,#435b33,#324625)}.closing-band__inner{display:flex;align-items:center;gap:var(--s9)}.closing-band__inner>div:last-child{max-width:760px}.closing-band h2{margin-bottom:var(--s5)}.closing-band p:not(.eyebrow){color:var(--muted)}.closing-stamp{flex:none;width:190px;height:190px;border:3px dashed var(--primary);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:5rem;color:var(--primary);transform:rotate(-12deg)}.closing-stamp small{font-size:.75rem;letter-spacing:.18em;font-weight:700}.policy-page{padding-block:var(--s8) var(--s9)}.policy-title{display:flex;justify-content:space-between;align-items:end;gap:var(--s5);border-bottom:var(--hairline);padding-bottom:var(--s5);margin-bottom:var(--s6)}.policy-title h1{font-size:clamp(3rem,7vw,6rem);margin:0}.policy-title>span{color:var(--muted);text-align:right}.policy-copy{max-width:760px;margin-inline:auto}.original-title{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:.08em}.policy-entry{padding-block:var(--s6);border-bottom:var(--hairline)}.policy-entry h2{font-family:var(--font-heading);font-size:2.05rem;line-height:1.3;margin-bottom:var(--s5)}.policy-entry p{font-size:1rem;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.policy-entry:last-child{border-bottom:0}
/* Utilities */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-revealed{opacity:1;transform:none}
/* Responsive rules */
@media(min-width:768px){.container{width:min(100% - 64px,1360px)}.hero__inner{flex-direction:column}.hero__object{left:5%}}@media(min-width:1280px){.container{width:min(100% - 96px,1360px)}}@media(max-width:1023px){.story-layout{grid-template-columns:1fr;gap:var(--s6)}.story-heading{position:static}.section-visual{display:none}}@media(max-width:767px){.details-grid{grid-template-columns:1fr}.story-section--6 .detail-card{grid-column:auto;display:flex}.story-section--5 .detail-card{border-radius:var(--r-lg)}.story-section--3 .detail-card:nth-child(even){margin-left:0}.story-section{min-height:0}.closing-band__inner{flex-direction:column;align-items:flex-start;gap:var(--s6)}.closing-stamp{width:130px;height:130px;font-size:3.5rem}.hero__object{width:min(66vw,31svh);left:0;bottom:2%}.hero__copy{align-self:stretch}.hero__copy .clay-button{margin-right:0}.hero__cue{display:none}.policy-title{align-items:flex-start;flex-direction:column}.footer-card{flex-direction:column}}@media(max-width:480px){.brand__name{font-size:1.25rem}.header-top .container{min-height:52px}.header-bottom .container{min-height:48px}.hero h1{font-size:calc(var(--hs,1)*clamp(40px,min(14vw,11svh),86px))}.hero__copy p{align-self:flex-end;max-width:20ch}.hero__object{width:min(68vw,30svh)}.detail-card{padding:var(--s5)}.story-section{padding-block:var(--s8)}.policy-entry h2{font-size:1.7rem}.policy-page{padding-block:var(--s7)}}@media(max-height:600px){.hero__inner{flex-direction:row;justify-content:flex-end}.hero__copy{width:70%}.hero__object{width:min(32vw,36svh);left:0;bottom:0}.hero h1{font-size:calc(var(--hs,1)*min(8.5svh,7vw))}.hero__copy p{margin-block:var(--s2);align-self:center}.hero__copy .clay-button{align-self:flex-end}.hero__cue{display:none}}@media(max-height:420px){.hero__object{display:none}.hero__copy{width:100%}.hero h1{font-size:calc(var(--hs,1)*min(11svh,7vw))}}.hero--compact .hero__cue{display:none}.hero--compact .hero__object{opacity:.5}
/* Motion and reduced motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none;transition:none}[data-reveal]{opacity:1;transform:none}.hero__object{transform:none}}
/* Print */
@media print{body{background:#fff;color:#111}.site-header,.site-footer,.top-button,.hero__cue{display:none}.policy-entry{break-inside:avoid}.policy-page{padding:0}}