/*
Theme Name: Studio K
Theme URI: https://kristenfuhr.com
Author: Kristen Fuhr
Description: Retro glam, 70s opulence block theme for Studio K. Parchment ground, faded violets, Gloock, Josefin Sans and Newsreader.
Version: 0.2.7
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: All rights reserved
Text Domain: studio-k
*/

/* Film grain over the whole site */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.07;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* Labels */
.sk-label{font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:var(--wp--preset--font-size--label);letter-spacing:.2em;text-transform:uppercase;}

/* Film roll hero */
.sk-hero{position:relative;width:100%;aspect-ratio:16/9;max-height:100vh;background:var(--wp--preset--color--aubergine);overflow:hidden;}
.sk-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.sk-hero img{display:none;}
@media (max-width:600px){.sk-hero{aspect-ratio:4/5;}}

/* Stripes separator, from the logo */
.wp-block-separator.is-style-sk-stripes{border:0!important;height:22px;max-width:none;opacity:1;background:
linear-gradient(var(--wp--preset--color--faded-violet) 0 4px,transparent 4px 9px,var(--wp--preset--color--chinese-violet) 9px 13px,transparent 13px 18px,var(--wp--preset--color--aubergine) 18px 22px);}

/* Arch image */
.wp-block-image.is-style-sk-arch img{border-radius:999px 999px var(--wp--custom--radius--md) var(--wp--custom--radius--md);outline:1px solid var(--wp--preset--color--faded-violet);outline-offset:8px;}

/* Deco double frame */
.is-style-sk-deco-frame{position:relative;}
.is-style-sk-deco-frame::before,.is-style-sk-deco-frame::after{content:"";position:absolute;pointer-events:none;border-radius:var(--wp--custom--radius--sm);}
.is-style-sk-deco-frame::before{inset:0;border:1px solid var(--wp--preset--color--faded-violet);}
.is-style-sk-deco-frame::after{inset:8px;border:.5px solid var(--wp--preset--color--terracotta);}

/* Arch card, used for the survey */
.is-style-sk-arch-card{border-radius:50% 50% var(--wp--custom--radius--md) var(--wp--custom--radius--md)/clamp(120px,22vw,260px) clamp(120px,22vw,260px) var(--wp--custom--radius--md) var(--wp--custom--radius--md);padding-top:clamp(120px,16vw,200px)!important;}

/* Survey form (Fluent Forms) */
.sk-survey label,.sk-survey .ff-el-input--label label{font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:var(--wp--preset--font-size--label);letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--aubergine);}
.sk-survey input[type=text],.sk-survey input[type=email],.sk-survey input[type=url],.sk-survey textarea,.sk-survey select{width:100%;background:var(--wp--preset--color--parchment);border:1px solid var(--wp--preset--color--chinese-violet);border-radius:var(--wp--custom--radius--sm);padding:12px 14px;font-family:var(--wp--preset--font-family--body);font-size:17px;color:var(--wp--preset--color--aubergine);}
.sk-survey input:focus,.sk-survey textarea:focus,.sk-survey select:focus{outline:2px solid var(--wp--preset--color--aubergine);outline-offset:2px;}
.sk-survey .ff-el-form-check label{text-transform:none;letter-spacing:0;font-family:var(--wp--preset--font-family--body);font-size:17px;font-weight:400;}
.sk-survey button[type=submit],.sk-survey .ff-btn-submit{background:var(--wp--preset--color--aubergine)!important;color:var(--wp--preset--color--parchment)!important;border:0;border-radius:999px;padding:14px 32px;font-family:var(--wp--preset--font-family--label);font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;}
.sk-survey button[type=submit]:hover,.sk-survey .ff-btn-submit:hover{background:var(--wp--preset--color--faded-tekhelet)!important;}

/* Focus everywhere */
a:focus-visible,button:focus-visible{outline:2px solid var(--wp--preset--color--aubergine);outline-offset:3px;}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;}}

.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.sk-survey input[type=checkbox],.sk-survey input[type=radio]{accent-color:var(--wp--preset--color--aubergine);width:18px;height:18px;}

/* Header: nav, centred logo, say hello */
.sk-header{display:grid!important;grid-template-columns:1fr auto 1fr;grid-template-areas:"nav logo cta";align-items:center;gap:24px;position:relative;}
.sk-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:linear-gradient(var(--wp--preset--color--faded-violet) 0 2px,transparent 2px 4px,var(--wp--preset--color--chinese-violet) 4px 6px,transparent 6px 8px,var(--wp--preset--color--aubergine) 8px 10px);}
.sk-header .sk-nav{grid-area:nav;justify-self:start;}
.sk-header .sk-logo-link{grid-area:logo;justify-self:center;display:block;}
.sk-header .sk-logo-link img{display:block;width:clamp(170px,18vw,230px);height:auto;}
.sk-header .sk-cta{grid-area:cta;justify-self:end;}
.sk-header .sk-cta .wp-block-button__link,.sk-hello{background:transparent!important;color:var(--wp--preset--color--aubergine)!important;border:1px solid var(--wp--preset--color--aubergine);border-radius:999px;padding:11px 24px;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;}
.sk-header .sk-cta .wp-block-button__link:hover,.sk-hello:hover{background:var(--wp--preset--color--aubergine)!important;color:var(--wp--preset--color--parchment)!important;}
.sk-header .sk-nav a{text-decoration:none;color:var(--wp--preset--color--aubergine);}
.sk-header .sk-nav a:hover{color:var(--wp--preset--color--chinese-violet);text-decoration:underline;text-underline-offset:6px;}
@media (max-width:781px){.sk-header{grid-template-columns:1fr auto;grid-template-areas:"logo nav";}.sk-header .sk-logo-link{justify-self:start;}.sk-header .sk-nav{justify-self:end;}.sk-header .sk-cta{display:none;}}

/* Manifesto with portrait */
.sk-manifesto-grid{align-items:center!important;gap:clamp(40px,6vw,88px)!important;}
.sk-portrait img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;}

/* Homepage: nav sits over the film roll, no logo */
.sk-home-main{position:relative;}
.sk-header-home{position:absolute!important;top:0;left:0;right:0;max-width:none!important;z-index:20;display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(20px,3vw,44px);padding:clamp(18px,2.5vw,32px) 15% 0!important;margin:0!important;background:transparent!important;}
.sk-header-home a{color:var(--wp--preset--color--parchment);text-decoration:none;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:14px;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 8px rgba(36,29,42,.7);}
.sk-header-home .sk-nav a:hover{color:var(--wp--preset--color--lilac-dust);text-decoration:underline;text-underline-offset:6px;}
.sk-header-home .sk-cta .wp-block-button__link,.sk-header-home .sk-hello{background:transparent!important;color:var(--wp--preset--color--parchment)!important;border:1px solid var(--wp--preset--color--parchment);border-radius:999px;padding:10px 22px;text-shadow:none;}
.sk-header-home .sk-cta .wp-block-button__link:hover,.sk-header-home .sk-hello:hover{background:var(--wp--preset--color--parchment)!important;color:var(--wp--preset--color--aubergine)!important;}
.sk-home-main .sk-hero::after{content:"";position:absolute;left:0;right:0;top:0;height:clamp(90px,14vw,160px);background:linear-gradient(rgba(36,29,42,.6),rgba(36,29,42,0));pointer-events:none;z-index:1;}
.sk-header-home .wp-block-navigation__responsive-container-open{color:var(--wp--preset--color--parchment);}
@media (max-width:781px){.sk-header-home .sk-cta{display:none;}}

/* See the magic band */
.sk-magic-band{position:relative;overflow:hidden;--hair-h:clamp(160px,15vw,210px);--band-pad:clamp(40px,6vw,64px);padding:var(--band-pad) 0!important;}
.sk-hair{height:var(--hair-h);background:url(assets/images/hair-divider.webp) center/auto 100% repeat-x;}
.sk-magic-band .sk-wobble,.sk-magic-band .sk-wobble-btn{position:absolute;left:50%;top:calc(var(--band-pad) + var(--hair-h) * 0.41);margin:0!important;z-index:2;}
.sk-magic-band .sk-wobble{transform:translate(-50%,-50%);}
.sk-magic-band>.sk-wobble-btn{translate:-50% -50%;}
.sk-wobble .wp-block-button__link,.sk-wobble-btn{background:var(--wp--preset--color--parchment)!important;color:var(--wp--preset--color--aubergine)!important;border:1.5px solid var(--wp--preset--color--aubergine);white-space:nowrap;border-radius:999px;padding:14px 40px;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:14px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;display:inline-block;animation:sk-wobble 4s steps(1,end) infinite;}
.sk-wobble .wp-block-button__link:hover,.sk-wobble-btn:hover,.sk-wobble .wp-block-button__link:focus-visible,.sk-wobble-btn:focus-visible{animation:sk-wobble-fast .45s steps(1,end) infinite;background:var(--wp--preset--color--aubergine)!important;color:var(--wp--preset--color--parchment)!important;}
@keyframes sk-wobble{0%,86%,100%{transform:none;box-shadow:none;}
87%{transform:translate(-2px,1px) skewX(-6deg);box-shadow:3px 0 0 var(--wp--preset--color--terracotta);}
89%{transform:translate(3px,-1px) skewX(4deg);box-shadow:-3px 0 0 var(--wp--preset--color--sage);}
91%{transform:translate(-1px,0) rotate(-1.5deg);box-shadow:2px 0 0 var(--wp--preset--color--chinese-violet);}
93%{transform:translate(2px,1px) skewX(-3deg);box-shadow:none;}
95%{transform:rotate(1deg);}}
@keyframes sk-wobble-fast{0%{transform:translate(-2px,1px) skewX(-5deg);box-shadow:3px 0 0 var(--wp--preset--color--terracotta);}
33%{transform:translate(2px,-1px) skewX(4deg);box-shadow:-3px 0 0 var(--wp--preset--color--sage);}
66%{transform:rotate(-1deg);box-shadow:none;}100%{transform:none;}}
@media (prefers-reduced-motion:reduce){.sk-wobble .wp-block-button__link,.sk-wobble-btn{animation:none!important;}}
@media (max-width:600px){.sk-wobble .wp-block-button__link,.sk-wobble-btn{padding:11px 26px;font-size:12px;}}

/* Deco framed photo: inner terracotta ring, outer violet hairline */
.sk-deco-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;border-radius:var(--wp--custom--radius--md);box-shadow:0 0 0 5px var(--wp--preset--color--parchment),0 0 0 6px var(--wp--preset--color--terracotta);outline:1px solid var(--wp--preset--color--faded-violet);outline-offset:12px;}
.sk-build-grid{align-items:center!important;gap:clamp(40px,6vw,88px)!important;}

/* Work with me: arch pillar panels */
.sk-tarot{gap:clamp(24px,3vw,44px)!important;}
.sk-pillar{position:relative;background:var(--wp--preset--color--lilac-dust);border-radius:999px 999px 14px 14px;outline:1px solid var(--wp--preset--color--faded-violet);outline-offset:8px;padding:clamp(64px,8vw,96px) clamp(22px,2.5vw,32px) clamp(28px,3vw,36px)!important;text-align:center;height:100%;}
.sk-pillar .sk-numeral{font-family:var(--wp--preset--font-family--display);font-size:clamp(40px,5vw,56px);line-height:1;color:var(--wp--preset--color--chinese-violet);margin:0;}
.sk-mini-stripes{width:56px;height:10px;margin:18px auto;background:linear-gradient(var(--wp--preset--color--faded-violet) 0 2px,transparent 2px 4px,var(--wp--preset--color--chinese-violet) 4px 6px,transparent 6px 8px,var(--wp--preset--color--aubergine) 8px 10px);}
.sk-pillar h3{font-size:var(--wp--preset--font-size--heading-2);margin:0 0 14px;}
.sk-pillar p:last-child{margin:0;font-size:16px;line-height:1.6;}
.sk-tarot>.wp-block-column{display:flex;}
@media (max-width:781px){.sk-tarot>.wp-block-column{max-width:400px;margin:0 auto;}}
.sk-tarot>.wp-block-column:nth-child(1) .sk-pillar,.cards>div:nth-child(1) .sk-pillar{background:url(assets/images/botanical-1.webp) right top/cover no-repeat,var(--wp--preset--color--lilac-dust);}
.sk-tarot>.wp-block-column:nth-child(2) .sk-pillar,.cards>div:nth-child(2) .sk-pillar{background:url(assets/images/botanical-2.webp) center bottom/cover no-repeat,var(--wp--preset--color--lilac-dust);}
.sk-tarot>.wp-block-column:nth-child(3) .sk-pillar,.cards>div:nth-child(3) .sk-pillar{background:url(assets/images/botanical-3.webp) right bottom/cover no-repeat,var(--wp--preset--color--lilac-dust);}


/* Work with me: growing flower process */
.sk-process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.sk-step{display:flex;flex-direction:column;}
.sk-flower svg{display:block;width:100%;height:auto;}
.sk-step-text{text-align:center;padding:var(--wp--preset--spacing--3) 10px 0;}
.sk-step-text h3{font-size:var(--wp--preset--font-size--heading-3);margin:6px 0 8px;}
.sk-step-text p{margin:0;font-size:16px;line-height:1.55;}
.sk-step-num{color:var(--wp--preset--color--chinese-violet);}
@media (max-width:781px){.sk-process{grid-template-columns:1fr;gap:8px;}.sk-step{flex-direction:row;align-items:center;gap:16px;}.sk-flower{flex:0 0 104px;}.sk-step-text{text-align:left;padding:0;}}
.sk-draw-ready .sk-grow svg :is(path,line,ellipse,circle){stroke-dasharray:1;stroke-dashoffset:1;stroke-opacity:0;fill-opacity:0;}
.sk-draw-ready .sk-grow.is-visible svg :is(path,line,ellipse,circle){stroke-dashoffset:0;stroke-opacity:1;fill-opacity:1;transition:stroke-opacity .15s linear var(--d,0s),stroke-dashoffset 1.6s ease-in-out var(--d,0s),fill-opacity .7s ease calc(var(--d,0s) + 1.1s);}

/* Toolbox strip */
.sk-tools{display:grid;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);text-align:center;}
.sk-tool-group .sk-label{color:var(--wp--preset--color--chinese-violet);margin:0 0 14px;}
.sk-tool-group ul{list-style:none;margin:0;padding:0;font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--heading-3);line-height:1.6;color:var(--wp--preset--color--aubergine);}
.sk-tool-group li+li::before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--wp--preset--color--terracotta);margin:6px auto 8px;}
@media (max-width:781px){.sk-tools{grid-template-columns:1fr;}}

/* Footer wink */
.sk-wink{font-style:italic;font-size:var(--wp--preset--font-size--caption);color:var(--wp--preset--color--lilac-dust);margin:0;}

/* Dark header on inner pages */
.sk-header{background:var(--wp--preset--color--aubergine)!important;}
.sk-header::after{background:linear-gradient(var(--wp--preset--color--lilac-dust) 0 2px,transparent 2px 4px,var(--wp--preset--color--faded-violet) 4px 6px,transparent 6px 8px,var(--wp--preset--color--chinese-violet) 8px 10px);}
.sk-header .sk-nav a,.sk-header .sk-burger,.sk-header .wp-block-navigation__responsive-container-open{color:var(--wp--preset--color--parchment)!important;}
.sk-header .sk-nav a:hover{color:var(--wp--preset--color--lilac-dust)!important;}
.sk-header .sk-cta .wp-block-button__link,.sk-header .sk-hello{color:var(--wp--preset--color--parchment)!important;border-color:var(--wp--preset--color--parchment)!important;}
.sk-header .sk-cta .wp-block-button__link:hover,.sk-header .sk-hello:hover{background:var(--wp--preset--color--parchment)!important;color:var(--wp--preset--color--aubergine)!important;}
.sk-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--parchment)!important;}
.sk-header .wp-block-navigation__responsive-container.is-menu-open a{color:var(--wp--preset--color--aubergine)!important;}

/* Header layout: logo left, nav centred, say hello right */
@media (min-width:782px){
.sk-header{grid-template-areas:"logo nav cta"!important;grid-template-columns:1fr auto 1fr!important;}
.sk-header .sk-logo-link{justify-self:start!important;}
.sk-header .sk-nav{justify-self:center!important;}
.sk-header .sk-cta{justify-self:end!important;}
}

/* Header stripes: distinct, stepping lighter into the parchment */
.sk-header::after{height:30px!important;background:linear-gradient(var(--wp--preset--color--parchment) 0 5px,var(--wp--preset--color--chinese-violet) 5px 11px,var(--wp--preset--color--parchment) 11px 16px,var(--wp--preset--color--faded-violet) 16px 21px,var(--wp--preset--color--parchment) 21px 26px,var(--wp--preset--color--lilac-dust) 26px 30px)!important;}
.sk-header{padding-bottom:calc(var(--wp--preset--spacing--4) + 30px)!important;}

/* Stained glass pillar windows */
.sk-window{position:relative;container-type:inline-size;width:100%;max-width:270px;margin:0 auto;}
.sk-window .wp-block-image,.sk-window figure{margin:0!important;}
.sk-window img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(51,41,58,.18));}
.sk-window-label{position:absolute!important;left:22.4%;width:54.8%;top:32.9%;height:49.5%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0!important;padding:0 4cqw;}
.sk-window-label .sk-numeral{font-family:var(--wp--preset--font-family--display);font-size:17cqw;line-height:1;color:var(--wp--preset--color--aubergine);margin:0 0 4cqw!important;}
.sk-window-label h3{font-family:var(--wp--preset--font-family--label)!important;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:6cqw!important;line-height:1.35;margin:0!important;color:var(--wp--preset--color--aubergine);}
.sk-window-desc{text-align:center;max-width:330px;margin:var(--wp--preset--spacing--4) auto 0!important;font-size:19px;line-height:1.6;}
.sk-tarot>.wp-block-column{display:block!important;}

/* Toolbox hierarchy */
.sk-tool-group .sk-label{font-size:15px!important;margin:0 0 16px!important;}
.sk-tool-group ul{font-size:20px!important;line-height:1.5;}

/* Dividers: stripe wave and flower row */
.sk-wave{width:100%;overflow:hidden;margin:var(--wp--preset--spacing--4) 0!important;line-height:0;}
.sk-wave svg{display:block;width:100%;height:150px;}
.sk-wave.is-flipped svg{transform:scaleX(-1);}
.sk-flowers{display:flex;justify-content:center;margin:var(--wp--preset--spacing--5) auto!important;line-height:0;}
.sk-flowers svg{width:min(380px,80vw);height:auto;}
.sk-draw-ready .sk-wave.sk-grow.is-visible svg path{transition:stroke-opacity .15s linear,stroke-dashoffset 2.4s ease-in-out;}
.sk-draw-ready .sk-flowers.sk-grow svg circle{transform-box:fill-box;transform-origin:center;transform:scale(.3);}
.sk-draw-ready .sk-flowers.sk-grow.is-visible svg circle{transform:scale(1);transition:fill-opacity .6s ease var(--d,0s),transform .7s cubic-bezier(.34,1.56,.64,1) var(--d,0s)!important;}

/* Breathing room where the stripe rules used to be */
.sk-manifesto-grid h1+p,.sk-manifesto-grid h2+p,.sk-build-grid h2+p{margin-top:var(--wp--preset--spacing--5)!important;}

/* Inline stripe wave under headings */
.sk-wave.is-inline{margin:var(--wp--preset--spacing--4) 0!important;max-width:100%;}
.sk-wave.is-inline svg{height:108px;}
.sk-wave.is-inline+p{margin-top:var(--wp--preset--spacing--3)!important;}

/* Portfolio: hero collage */
.sk-pf-hero{padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px) clamp(48px,7vw,88px);overflow:hidden;}
.sk-pf-hero-inner{position:relative;max-width:1240px;margin:0 auto;height:clamp(560px,58vw,720px);}
.sk-pf-kicker{position:absolute;left:4%;top:4%;margin:0;font-family:var(--wp--preset--font-family--body);font-style:italic;font-size:clamp(20px,2.2vw,28px);line-height:1.15;color:var(--wp--preset--color--chinese-violet);max-width:160px;}
.sk-pf-word{position:absolute;left:0;right:0;top:36%;margin:0;line-height:0;z-index:1;}
.sk-pf-word img{width:100%;height:auto;display:block;}
.sk-pf-photo{position:absolute;margin:0;z-index:2;}
.sk-pf-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;outline:1px solid var(--wp--preset--color--chinese-violet);outline-offset:6px;}
.sk-pf-photo.is-a{left:30%;top:0;width:clamp(110px,12vw,150px);}
.sk-pf-photo.is-a img{aspect-ratio:1/1;}
.sk-pf-photo.is-b{right:6%;top:2%;width:clamp(180px,21vw,270px);}
.sk-pf-photo.is-c{left:7%;top:48%;width:clamp(170px,19vw,240px);}
.sk-pf-intro{position:absolute;right:4%;bottom:0;width:44%;display:grid;grid-template-columns:1fr 1fr;gap:28px;z-index:2;}
.sk-pf-intro p{margin:0;font-size:16px;line-height:1.6;}
.sk-pf-link{display:inline-block;margin-top:14px;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--parchment)!important;background:var(--wp--preset--color--aubergine);border-radius:999px;padding:10px 22px;text-decoration:none!important;}
.sk-pf-link:hover{background:var(--wp--preset--color--faded-tekhelet);}
@media (max-width:781px){
.sk-pf-hero-inner{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.sk-pf-kicker,.sk-pf-word,.sk-pf-photo,.sk-pf-intro{position:static;width:auto;max-width:none;}
.sk-pf-kicker{grid-column:1/-1;}
.sk-pf-word{grid-column:1/-1;margin:8px 0 12px;}
.sk-pf-photo.is-a{display:none;}
.sk-pf-intro{grid-column:1/-1;grid-template-columns:1fr;gap:12px;margin-top:12px;}}

/* Portfolio: category grid */
.sk-pf-cats{padding:clamp(48px,7vw,96px) clamp(20px,4vw,40px);background:var(--wp--preset--color--lilac-dust);}
.sk-pf-cats-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center;}
.sk-pf-cats-head .sk-label{color:var(--wp--preset--color--chinese-violet);margin:0 0 12px;}
.sk-pf-cats-head h2{font-size:var(--wp--preset--font-size--display-l);line-height:1;margin:0 0 20px;}
.sk-pf-cats-head h2 em,.sk-pf-band h2 em{font-family:var(--wp--preset--font-family--body);font-style:italic;font-weight:400;}
.sk-pf-cats-head p{margin:0;font-size:18px;}
.sk-pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.sk-pf-tile{aspect-ratio:1/1;margin:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(14px,1.8vw,22px);text-decoration:none!important;position:relative;overflow:hidden;}
.sk-pf-tile.is-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.sk-pf-tile.is-violet{background:var(--wp--preset--color--chinese-violet);}
.sk-pf-tile.is-aubergine{background:var(--wp--preset--color--aubergine);}
.sk-pf-tile-title{font-family:var(--wp--preset--font-family--display);font-size:clamp(18px,1.9vw,26px);line-height:1.1;color:var(--wp--preset--color--parchment);}
.sk-pf-tile-text{font-size:14px;line-height:1.45;color:var(--wp--preset--color--parchment);margin-top:8px;opacity:.92;}
.sk-pf-tile-more{font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--lilac-dust);margin-top:10px;}
a.sk-pf-tile:hover .sk-pf-tile-more{text-decoration:underline;text-underline-offset:4px;}
a.sk-pf-tile:focus-visible{outline:2px solid var(--wp--preset--color--parchment);outline-offset:-6px;}
@media (max-width:781px){.sk-pf-cats-inner{grid-template-columns:1fr;}.sk-pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.sk-pf-tile-text{display:none;}}

/* Portfolio: project cards */
.sk-pf-work{padding:clamp(64px,9vw,112px) clamp(20px,4vw,40px);}
.sk-pf-work-inner{max-width:1240px;margin:0 auto;}
.sk-center{text-align:center;}
.sk-pf-work .sk-label{color:var(--wp--preset--color--chinese-violet);margin:0 0 12px;}
.sk-pf-work h2{font-size:var(--wp--preset--font-size--display-l);line-height:1;margin:0;}
.sk-pf-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:32px 0 40px;}
.sk-pf-filter{font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--aubergine);background:transparent;border:1px solid var(--wp--preset--color--aubergine);border-radius:999px;padding:9px 18px;cursor:pointer;}
.sk-pf-filter:hover{background:var(--wp--preset--color--lilac-dust);}
.sk-pf-filter.is-active{background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);}
.sk-pf-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);}
.sk-pf-card[hidden]{display:none;}
.sk-pf-card figure{margin:0 0 16px;}
.sk-pf-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--wp--custom--radius--md);box-shadow:0 0 0 4px var(--wp--preset--color--parchment),0 0 0 5px var(--wp--preset--color--faded-violet);}
.sk-pf-card figure svg{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--wp--custom--radius--md);box-shadow:0 0 0 4px var(--wp--preset--color--parchment),0 0 0 5px var(--wp--preset--color--faded-violet);}
.sk-pf-card .sk-label{margin:0 0 6px;font-size:11px;}
.sk-pf-card h3{font-size:var(--wp--preset--font-size--heading-3);margin:0 0 8px;}
.sk-pf-card-text{margin:0;font-size:16px;line-height:1.55;}
@media (max-width:900px){.sk-pf-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.sk-pf-cards{grid-template-columns:1fr;}}

/* Portfolio: closing band */
.sk-pf-band{position:relative;background:var(--wp--preset--color--aubergine) url(assets/images/portfolio-grass-dark.webp) center/cover no-repeat;padding:clamp(80px,12vw,150px) clamp(20px,4vw,40px);text-align:center;}
.sk-pf-band::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(36,29,42,.35),rgba(36,29,42,.6));}
.sk-pf-band-inner{position:relative;}
.sk-pf-band h2{color:var(--wp--preset--color--parchment);font-size:var(--wp--preset--font-size--display-xl);line-height:1;margin:0 0 32px;}
.sk-pf-band h2 em{color:var(--wp--preset--color--lilac-dust);}
.sk-pf-band-btn{display:inline-block;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--parchment)!important;border:1px solid var(--wp--preset--color--parchment);border-radius:999px;padding:13px 30px;text-decoration:none!important;}
.sk-pf-band-btn:hover{background:var(--wp--preset--color--parchment);color:var(--wp--preset--color--aubergine)!important;}

/* Portfolio refinements */
.sk-pf-cats{background:var(--wp--preset--color--parchment)!important;}
.sk-pf-card.is-featured{grid-column:span 2;}
.sk-pf-card.is-featured img{aspect-ratio:2.85/1;}
@media (max-width:900px){.sk-pf-card.is-featured{grid-column:span 2;}.sk-pf-card.is-featured img{aspect-ratio:4/3;}}
@media (max-width:600px){.sk-pf-card.is-featured{grid-column:auto;}}
@media (max-width:781px){.sk-pf-tile.is-photo{display:none;}}
@media (max-width:781px){.sk-pf-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}.sk-pf-photo img,.sk-pf-word img{max-width:100%;}.sk-pf-hero{overflow:hidden;}}
/* Nav link colour fix */
.sk-header .wp-block-navigation,.sk-header .wp-block-navigation a,.sk-header .wp-block-navigation-item__content,
.sk-header-home .wp-block-navigation,.sk-header-home .wp-block-navigation a,.sk-header-home .wp-block-navigation-item__content{color:var(--wp--preset--color--parchment)!important;}
.sk-header .wp-block-navigation a:hover,.sk-header-home .wp-block-navigation a:hover{color:var(--wp--preset--color--lilac-dust)!important;}
.sk-header .wp-block-navigation__responsive-container.is-menu-open a,.sk-header-home .wp-block-navigation__responsive-container.is-menu-open a,
.sk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,.sk-header-home .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:var(--wp--preset--color--aubergine)!important;}
/* Line the nav and Say hello button up in both headers */
.sk-header-home > *,
.sk-header > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
.sk-header-home {
  align-items: center !important;
}

/* Portfolio video cards */
.sk-vcard{position:relative;margin:0 0 16px;--l:var(--sl);--t:var(--st);--w:var(--sw);--h:var(--sh);--ry:var(--sry);}
.sk-pf-card figure.sk-vcard svg.sk-vcard-wide{display:none;aspect-ratio:2.85/1;}
.sk-vcard-arch{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);overflow:hidden;border-radius:50% 50% 2% 2% / var(--ry) var(--ry) 1.5% 1.5%;background:var(--wp--preset--color--lilac-dust);}
.sk-vcard-arch video{display:block;width:100%;height:100%;object-fit:cover;}
.sk-vcard-btn{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--wp--custom--radius--md);}
.sk-vcard-btn:focus-visible{outline:2px solid var(--wp--preset--color--terracotta);outline-offset:6px;}
.sk-vcard-play{position:absolute;left:50%;top:calc(var(--t) + var(--h));width:clamp(40px,8%,64px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--wp--preset--color--terracotta);box-shadow:0 0 0 4px var(--wp--preset--color--parchment);transition:transform .25s ease;}
.sk-vcard-play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--wp--preset--color--parchment);}
.sk-vcard-btn:hover .sk-vcard-play{transform:translate(-50%,-50%) scale(1.08);}
@media (min-width:901px){
.sk-pf-card figure.sk-vcard.is-wide svg.sk-vcard-std{display:none;}
.sk-pf-card figure.sk-vcard.is-wide svg.sk-vcard-wide{display:block;}
.sk-vcard.is-wide{--l:var(--xl);--t:var(--xt);--w:var(--xw);--h:var(--xh);--ry:var(--xry);}
}
.sk-vmodal{border:0;padding:0;background:transparent;max-width:none;max-height:none;overflow:visible;}
.sk-vmodal::backdrop{background:rgba(51,41,58,.82);}
.sk-vmodal-box{display:flex;flex-direction:column;align-items:center;gap:14px;}
.sk-vmodal-player{height:min(80vh,calc(92vw * 16 / 9));aspect-ratio:9/16;background:var(--wp--preset--color--aubergine);border-radius:14px;overflow:hidden;box-shadow:0 0 0 4px var(--wp--preset--color--parchment),0 0 0 5px var(--wp--preset--color--faded-violet);display:flex;align-items:center;justify-content:center;}
.sk-vmodal-player iframe{width:100%;height:100%;border:0;display:block;}
.sk-vmodal-empty{color:var(--wp--preset--color--parchment);font-family:var(--wp--preset--font-family--label);text-transform:uppercase;letter-spacing:.18em;font-size:12px;text-align:center;padding:24px;}
.sk-vmodal-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.sk-vmodal-tab,.sk-vmodal-close{font-family:var(--wp--preset--font-family--label);font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:12px;padding:10px 16px;border-radius:999px;border:1px solid var(--wp--preset--color--lilac-dust);background:transparent;color:var(--wp--preset--color--parchment);cursor:pointer;}
.sk-vmodal-tab[aria-pressed="true"]{background:var(--wp--preset--color--terracotta);border-color:var(--wp--preset--color--terracotta);}
.sk-vmodal-close{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:16px;}
/* Portfolio Read more */
.sk-more-btn{margin-top:14px;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--aubergine);background:transparent;border:0;border-bottom:1px solid var(--wp--preset--color--terracotta);padding:2px 0;cursor:pointer;}
.sk-more-btn:hover{color:var(--wp--preset--color--chinese-violet);}
.sk-pf-card:not(:has(.sk-vcard)) figure,.sk-pf-card h3{cursor:pointer;}
.sk-more-data{display:none;}
dialog.sk-more{border:1px solid var(--wp--preset--color--faded-violet);border-radius:24px;background:var(--wp--preset--color--parchment);color:var(--wp--preset--color--aubergine);padding:clamp(28px,5vw,48px);width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 0 0 6px var(--wp--preset--color--parchment),0 0 0 7px var(--wp--preset--color--terracotta);}
dialog.sk-more::backdrop{background:rgba(51,41,58,.78);}
.sk-more h3{font-size:clamp(30px,4.5vw,44px);line-height:1;margin:0 0 16px;}
.sk-more .sk-label{margin:0 0 10px;color:var(--wp--preset--color--chinese-violet);}
.sk-more-lead{font-size:19px;line-height:1.5;margin:0 0 8px;}
.sk-more h4{font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet);margin:22px 0 8px;}
.sk-more ul{margin:0;padding-left:20px;}
.sk-more li{margin:0 0 4px;}
.sk-more p{margin:0;}
.sk-more a{color:var(--wp--preset--color--chinese-violet);}
.sk-more-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.sk-more-actions button{font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:12px 22px;cursor:pointer;border:1px solid var(--wp--preset--color--aubergine);background:transparent;color:var(--wp--preset--color--aubergine);}
.sk-more-actions button.is-primary{background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);}

/* About page */
.sk-ab{overflow:hidden;}
.sk-ab-sec{padding:clamp(56px,8vw,104px) clamp(20px,4vw,40px);}
.sk-ab-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(36px,6vw,88px);align-items:center;}
.sk-ab-grid.is-flip{grid-template-columns:1fr 1.15fr;}
.sk-ab-text .sk-label{color:var(--wp--preset--color--chinese-violet);margin:0 0 14px;}
.sk-ab-text h1{font-size:var(--wp--preset--font-size--display-xl);line-height:.95;margin:0 0 24px;}
.sk-ab-text h2{font-size:var(--wp--preset--font-size--display-l);line-height:1;margin:0 0 24px;}
.sk-ab-text p{margin:0 0 16px;font-size:18px;line-height:1.6;}
.sk-ab-text .sk-ab-lead{font-size:var(--wp--preset--font-size--body-l,22px);line-height:1.5;}
.sk-ab figure{margin:0;}
.sk-ab-arch img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px var(--wp--custom--radius--md) var(--wp--custom--radius--md);outline:1px solid var(--wp--preset--color--faded-violet);outline-offset:8px;}
.sk-ab-arch.is-small{max-width:420px;justify-self:center;width:100%;}
.sk-ab-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--wp--custom--radius--md);box-shadow:0 0 0 5px var(--wp--preset--color--parchment),0 0 0 6px var(--wp--preset--color--terracotta);outline:1px solid var(--wp--preset--color--faded-violet);outline-offset:12px;}
.sk-ab-think{background:var(--wp--preset--color--lilac-dust);}
.sk-ab-list{list-style:none;margin:0;padding:0;}
.sk-ab-list li{padding:14px 0;border-top:1px solid var(--wp--preset--color--faded-violet);font-size:18px;line-height:1.5;}
.sk-ab-list li:last-child{border-bottom:1px solid var(--wp--preset--color--faded-violet);}
.sk-ab-banner img{display:block;width:100%;height:clamp(180px,32vw,420px);object-fit:cover;}
@media (max-width:800px){.sk-ab-grid,.sk-ab-grid.is-flip{grid-template-columns:1fr;}.sk-ab-intro .sk-ab-arch{order:-1;max-width:420px;justify-self:center;width:100%;}.sk-ab-grid.is-flip .sk-ab-text{order:2;}}
.sk-ab .sk-ab-grid>*,.sk-ab .sk-ab-text>*,.sk-ab-sec>*{margin-block-start:0;}
.sk-ab .sk-ab-grid{max-width:1140px;margin-left:auto;margin-right:auto;}
.sk-ab-text ul.sk-ab-list{list-style:none;padding:0;margin:0;}
/* Homepage quiz */
.sk-quiz{padding-block:clamp(56px,9vw,112px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sk-quiz-card{max-width:760px;margin:0 auto;background:var(--wp--preset--color--lilac-dust);border-radius:clamp(160px,30vw,380px) clamp(160px,30vw,380px) 14px 14px;padding:clamp(110px,14vw,170px) clamp(22px,6vw,64px) clamp(36px,6vw,64px);position:relative;outline:1px solid var(--wp--preset--color--faded-violet);outline-offset:10px}
.sk-quiz-card *{box-sizing:border-box}
.sk-quiz .lbl{font:500 12px var(--wp--preset--font-family--label);letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet);margin:0}
.sk-quiz h2{font:400 clamp(36px,6vw,60px)/1 var(--wp--preset--font-family--display);margin:0;text-wrap:balance}
.sk-quiz h3{font:400 clamp(28px,4.4vw,40px)/1.08 var(--wp--preset--font-family--display);margin:0;text-wrap:balance}
.sk-quiz p{margin:0}
.sk-q-screen{display:flex;flex-direction:column;gap:18px;text-align:center;align-items:center}
.sk-q-screen[hidden]{display:none}
.sk-q-intro p.sub{max-width:34ch}
.sk-q-meta{display:flex;gap:18px;justify-content:center;font:500 12px var(--wp--preset--font-family--label);letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet)}
.sk-q-btn{font:600 13px var(--wp--preset--font-family--label);letter-spacing:.18em;text-transform:uppercase;background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);border:0;border-radius:999px;padding:16px 30px;cursor:pointer;transition:transform .15s ease,background .15s ease}
.sk-q-btn:hover{background:var(--wp--preset--color--chinese-violet);transform:translateY(-1px)}
.sk-q-btn:focus-visible,.sk-q-opt:focus-visible,.sk-q-back:focus-visible,
/* progress: one small arch per question */
.sk-q-prog{display:flex;gap:6px;justify-content:center;margin-bottom:6px}
.sk-q-prog span{width:16px;height:22px;border-radius:999px 999px 2px 2px;border:1.5px solid var(--wp--preset--color--chinese-violet);transition:background .25s ease}
.sk-q-prog span.done{background:var(--wp--preset--color--chinese-violet)}
.sk-q-prog span.now{background:var(--wp--preset--color--terracotta);border-color:var(--wp--preset--color--terracotta)}
.sk-q-count{font:500 12px var(--wp--preset--font-family--label);letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet)}
.sk-q-opts{display:grid;gap:10px;width:100%;max-width:520px;margin-top:6px}
.sk-q-opt{font:400 18px/1.35 var(--wp--preset--font-family--body);color:var(--wp--preset--color--aubergine);background:#F5F0EB;border:1px solid var(--wp--preset--color--faded-violet);border-radius:999px;padding:14px 22px;text-align:left;cursor:pointer;display:flex;gap:14px;align-items:center;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.sk-q-opt:hover{background:var(--wp--preset--color--parchment);border-color:var(--wp--preset--color--aubergine);transform:translateX(3px)}
.sk-q-opt .k{font:600 11px var(--wp--preset--font-family--label);letter-spacing:.1em;width:26px;height:26px;flex:none;border-radius:50%;border:1px solid var(--wp--preset--color--faded-violet);display:grid;place-items:center;color:var(--wp--preset--color--chinese-violet)}
.sk-q-opt.picked{background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);border-color:var(--wp--preset--color--aubergine)}
.sk-q-opt.picked .k{border-color:var(--wp--preset--color--parchment);color:var(--wp--preset--color--parchment)}
.sk-q-back{font:500 12px var(--wp--preset--font-family--label);letter-spacing:.18em;text-transform:uppercase;background:none;border:0;border-bottom:1px solid var(--wp--preset--color--terracotta);color:var(--wp--preset--color--aubergine);padding:2px 0;cursor:pointer}
.sk-q-back[disabled]{visibility:hidden}

/* result */
.sk-q-result .pill{font:600 11px var(--wp--preset--font-family--label);letter-spacing:.2em;text-transform:uppercase;background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);border-radius:999px;padding:7px 14px}
.sk-q-result h3{font-size:clamp(40px,7vw,64px);line-height:.98}
.sk-q-result .what{max-width:44ch}
.sk-q-start{width:100%;max-width:520px;text-align:left;background:#F5F0EB;border-radius:14px;padding:20px 24px;border:1px solid var(--wp--preset--color--faded-violet)}
.sk-q-start ul{margin:8px 0 0;padding-left:20px}
.sk-q-start li{margin:4px 0}
.sk-q-also{font-style:italic;color:var(--wp--preset--color--chinese-violet)}
.sk-q-form{width:100%;max-width:520px;display:grid;gap:12px;text-align:left;margin-top:8px;padding-top:24px;border-top:1px solid var(--wp--preset--color--faded-violet)}
.sk-q-form .ask{font:400 26px/1.15 var(--wp--preset--font-family--display);text-align:center}
.sk-q-form .ask-sub{text-align:center;font-size:16px;color:var(--wp--preset--color--chinese-violet)}
.sk-q-redo{font:500 12px var(--wp--preset--font-family--label);letter-spacing:.18em;text-transform:uppercase;background:none;border:0;color:var(--wp--preset--color--chinese-violet);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media (max-width:520px){.sk-quiz-card{padding-top:96px}.sk-q-opt{font-size:17px;padding:12px 18px}}
@media (prefers-reduced-motion:reduce){.sk-q-btn,.sk-q-opt,.sk-q-prog span{transition:none}.sk-q-anim{animation:none!important}}
.sk-q-anim{animation:skqIn .35s ease both}
@keyframes skqIn{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Fluent Form inside the quiz result */
.sk-q-ff{width:100%;text-align:left}
.sk-q-ff .ff-el-input--label label{font:500 11px var(--wp--preset--font-family--label);letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet)}
.sk-q-ff .ff-el-form-control{font:400 17px var(--wp--preset--font-family--body);color:var(--wp--preset--color--aubergine);background:#F5F0EB;border:1px solid var(--wp--preset--color--faded-violet);border-radius:10px;padding:12px 14px;width:100%;box-sizing:border-box}
.sk-q-ff .ff_submit_btn_wrapper{text-align:center}
.sk-q-ff .ff-btn-submit{font:600 13px var(--wp--preset--font-family--label)!important;letter-spacing:.18em;text-transform:uppercase;background:var(--wp--preset--color--aubergine)!important;color:var(--wp--preset--color--parchment)!important;border:0!important;border-radius:999px!important;padding:16px 30px!important}
.sk-q-ff .ff-message-success{border:1px solid var(--wp--preset--color--faded-violet);border-radius:14px;background:#F5F0EB;text-align:center;font-size:18px;box-shadow:none}
/* Show the whole photo, no crop. Add class sk-fit to any image block */
.sk-fit img{aspect-ratio:auto!important;object-fit:contain!important;height:auto!important;}
/* Slim full width photo strip */
.sk-strip img{width:100%;height:clamp(150px,20vw,280px)!important;object-fit:cover;object-position:center 45%;aspect-ratio:auto!important;display:block;}
/* =========================================================
   JOURNAL  (paste at the very bottom of style.css)
   ========================================================= */
.sk-jr{padding-top:var(--wp--preset--spacing--7);padding-bottom:var(--wp--preset--spacing--7);}
.sk-jr a{color:inherit;}
.sk-jr .sk-label a{text-decoration:none;}
.sk-jr .sk-label a:hover{text-decoration:underline;text-underline-offset:4px;}

/* hero */
.sk-jr-hero{margin-bottom:var(--wp--preset--spacing--6);}
.sk-jr-hero .sk-label{color:var(--wp--preset--color--chinese-violet);margin:0 0 14px;}
.sk-jr-title{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--display-l);line-height:1;margin:0 0 18px;text-wrap:balance;}
.sk-jr-intro{font-size:var(--wp--preset--font-size--body-l);color:var(--wp--preset--color--chinese-violet);max-width:34em;margin:0 auto;}

/* category pills, same look as the portfolio filters */
.sk-jr-cats{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.sk-jr-cats li{margin:0;}
.sk-jr-cats a{display:inline-block;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--aubergine);text-decoration:none;border:1px solid var(--wp--preset--color--aubergine);border-radius:999px;padding:9px 18px;transition:background .2s,color .2s;}
.sk-jr-cats a:hover,.sk-jr-cats .current-cat a{background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);}

/* post grid */
.sk-jr-grid{gap:48px 32px !important;}
@media (max-width:900px){.sk-jr-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:600px){.sk-jr-grid{grid-template-columns:minmax(0,1fr) !important;}}
.sk-jr-card{display:flex;flex-direction:column;gap:10px;}
.sk-jr-card > *{margin:0 !important;}
.sk-jr-thumb{margin-bottom:8px !important;}
.sk-jr-thumb img,.sk-jr-thumb a{border-radius:999px 999px 6px 6px;overflow:hidden;display:block;}
.sk-jr-thumb img{border:1px solid var(--wp--preset--color--lilac-dust);transition:transform .4s ease;}
.sk-jr-card:hover .sk-jr-thumb img{transform:scale(1.02);}
.sk-jr-cat{color:var(--wp--preset--color--terracotta);font-size:12px;}
.sk-jr-cat a{color:inherit;text-decoration:none;}
.sk-jr-card-title{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--heading-3);line-height:1.15;text-wrap:balance;}
.sk-jr-card-title a{text-decoration:none;}
.sk-jr-card-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
.sk-jr-excerpt{font-size:16px;color:var(--wp--preset--color--chinese-violet);}
.sk-jr-excerpt .wp-block-post-excerpt__more-text{display:none;}
.sk-jr-date{font-size:11px;color:var(--wp--preset--color--faded-violet);}

/* pagination */
.sk-jr-pager{margin-top:var(--wp--preset--spacing--6) !important;gap:10px;font-family:var(--wp--preset--font-family--label);font-size:12px;letter-spacing:.18em;text-transform:uppercase;}
.sk-jr-pager a,.sk-jr-pager .current{text-decoration:none;padding:8px 14px;border-radius:999px;border:1px solid transparent;}
.sk-jr-pager a:hover{border-color:var(--wp--preset--color--aubergine);}
.sk-jr-pager .current{background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);}
.sk-jr-empty{color:var(--wp--preset--color--chinese-violet);font-size:var(--wp--preset--font-size--body-l);}

/* quiz band at the bottom of the journal */
.sk-jr-band{margin-top:var(--wp--preset--spacing--7) !important;padding:var(--wp--preset--spacing--6) var(--wp--preset--spacing--4);background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);border-radius:6px;}
.sk-jr-band .sk-label{color:var(--wp--preset--color--lilac-dust);margin:0 0 12px;}
.sk-jr-band-title{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--heading-1);line-height:1.1;margin:0 0 28px;text-wrap:balance;}

/* single post */
.sk-jr-post-head{margin-bottom:var(--wp--preset--spacing--5);}
.sk-jr-post-head > *{margin-top:0;margin-bottom:14px;}
.sk-jr-post-title{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--display-l);line-height:1.02;text-wrap:balance;}
.sk-jr-hero-img img{border-radius:6px;border:1px solid var(--wp--preset--color--lilac-dust);}
.sk-jr-body{margin-top:var(--wp--preset--spacing--6) !important;font-size:19px;line-height:1.7;}
.sk-jr-body h2{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--heading-2);line-height:1.15;margin-top:1.8em;}
.sk-jr-body h3{font-family:var(--wp--preset--font-family--label);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin-top:1.8em;}
.sk-jr-body a{color:var(--wp--preset--color--chinese-violet);text-decoration-thickness:1px;text-underline-offset:4px;}
.sk-jr-body blockquote{margin:2em 0;padding:24px 0;border-top:1px solid var(--wp--preset--color--lilac-dust);border-bottom:1px solid var(--wp--preset--color--lilac-dust);border-left:0;font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--heading-3);line-height:1.3;text-align:center;}
.sk-jr-body ul,.sk-jr-body ol{padding-left:1.2em;}
.sk-jr-body li{margin-bottom:.4em;}
.sk-jr-body img{border-radius:6px;}

/* author box */
.sk-jr-author{margin-top:var(--wp--preset--spacing--7) !important;padding:32px;border:1px solid var(--wp--preset--color--lilac-dust);border-radius:6px;}
.sk-jr-author > *{margin-top:0;margin-bottom:12px;}
.sk-jr-author .sk-label{color:var(--wp--preset--color--chinese-violet);}
.sk-jr-author-name{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--heading-3);}
.sk-jr-btn .wp-block-button__link{background:transparent !important;color:var(--wp--preset--color--aubergine) !important;border:1px solid var(--wp--preset--color--aubergine) !important;}
.sk-jr-btn .wp-block-button__link:hover{background:var(--wp--preset--color--aubergine) !important;color:var(--wp--preset--color--parchment) !important;}

/* previous / next */
.sk-jr-nav{margin-top:var(--wp--preset--spacing--6) !important;padding-top:24px;border-top:1px solid var(--wp--preset--color--lilac-dust);gap:24px;font-family:var(--wp--preset--font-family--display);font-size:20px;}
.sk-jr-nav a{text-decoration:none;}
.sk-jr-nav a:hover{text-decoration:underline;text-underline-offset:5px;}
.sk-jr-back{margin-top:var(--wp--preset--spacing--5) !important;}

/* =========================================================
   PRIVATE CLIENT PAGES  (welcome, rates, onboarding)
   ========================================================= */
.sk-cl{padding-top:var(--wp--preset--spacing--6);padding-bottom:var(--wp--preset--spacing--7);}
.sk-cl .sk-label{color:var(--wp--preset--color--chinese-violet);margin:0 0 14px;}
.sk-cl-title{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--display-l);line-height:1.02;margin:0 0 18px;text-wrap:balance;}
.sk-cl-lead{font-size:var(--wp--preset--font-size--body-l);color:var(--wp--preset--color--chinese-violet);}
.sk-cl h2{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--heading-2);line-height:1.15;margin-top:var(--wp--preset--spacing--6);margin-bottom:16px;}
.sk-cl-steps{list-style:none;padding:0;counter-reset:skstep;display:grid;gap:14px;}
.sk-cl-steps li{counter-increment:skstep;position:relative;padding:16px 0 16px 58px;margin:0;border-bottom:1px solid var(--wp--preset--color--lilac-dust);}
.sk-cl-steps li::before{content:counter(skstep,upper-roman);position:absolute;left:0;top:14px;width:44px;font-family:var(--wp--preset--font-family--display);font-size:22px;line-height:1.3;color:var(--wp--preset--color--terracotta);}
.sk-cl-steps li strong{display:block;font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:20px;}
.sk-cl-box{padding:28px;border:1px solid var(--wp--preset--color--lilac-dust);border-radius:6px;margin-top:24px;}
.sk-cl-box > *{margin-top:0;}
.sk-cl-table table{border-collapse:collapse;width:100%;font-size:16px;}
.sk-cl-table td{padding:14px 10px;border-bottom:1px solid var(--wp--preset--color--lilac-dust);vertical-align:top;}
.sk-cl-table td:last-child{text-align:right;white-space:nowrap;font-family:var(--wp--preset--font-family--display);font-size:20px;}
.sk-cl-table td:first-child strong{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:20px;display:block;}
.sk-cl-note{font-size:15px;color:var(--wp--preset--color--chinese-violet);}
.sk-cl .wp-block-button__link{color:var(--wp--preset--color--parchment) !important;background:var(--wp--preset--color--aubergine) !important;border-color:var(--wp--preset--color--aubergine) !important;}
.sk-cl .wp-block-button__link:hover{background:var(--wp--preset--color--chinese-violet) !important;}
/* =========================================================
   CLIENT WELCOME, VERSION 2  (paste at the very bottom of style.css,
   below the Journal and client pages CSS)
   ========================================================= */

/* the template has no title, so the hero sits right under the header */
.sk-cl-main .wp-block-post-content > .sk-cl-hero:first-child{margin-top:0;}

/* ---- hero ---- */
.sk-cl-hero{position:relative;overflow:hidden;align-items:flex-end !important;padding:clamp(48px,8vw,96px) max(16px,4vw) clamp(56px,8vw,88px) !important;}
.sk-cl-hero .wp-block-cover__image-background{filter:saturate(.85) contrast(1.05);transform:scale(1.04);animation:sk-cl-drift 18s ease-in-out infinite alternate;}
.sk-cl-hero .wp-block-cover__background{background:linear-gradient(180deg,rgba(51,41,58,.25) 0%,rgba(51,41,58,.55) 45%,rgba(51,41,58,.92) 100%) !important;opacity:1 !important;}
.sk-cl-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.sk-cl-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;z-index:2;background:repeating-linear-gradient(180deg,var(--wp--preset--color--parchment) 0 2px,transparent 2px 5px,var(--wp--preset--color--faded-violet) 5px 7px,transparent 7px 10px);}
.sk-cl-hero .wp-block-cover__inner-container{position:relative;z-index:3;max-width:1240px !important;width:100%;color:var(--wp--preset--color--parchment);}
.sk-cl-hero-label{color:var(--wp--preset--color--lilac-dust) !important;margin:0 0 18px !important;}
.sk-cl-hero-title{font-family:var(--wp--preset--font-family--display) !important;font-weight:400;font-size:clamp(52px,10vw,128px) !important;line-height:.92 !important;letter-spacing:-.01em;margin:0 0 22px !important;max-width:9.5em;text-wrap:balance;color:var(--wp--preset--color--parchment);}
.sk-cl-hero-lead{font-size:var(--wp--preset--font-size--body-l);color:var(--wp--preset--color--lilac-dust);max-width:30em;margin:0 !important;}

/* rotating badge */
.sk-cl-badge{position:absolute;top:0;right:0;width:clamp(96px,14vw,150px);aspect-ratio:1;}
.sk-cl-badge svg{width:100%;height:100%;animation:sk-cl-spin 24s linear infinite;}
.sk-cl-badge text{font-family:var(--wp--preset--font-family--label);font-size:15.5px;letter-spacing:.26em;fill:var(--wp--preset--color--parchment);}
.sk-cl-badge span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--wp--preset--font-family--display);font-size:clamp(30px,4vw,44px);color:var(--wp--preset--color--terracotta);}
@media (max-width:600px){.sk-cl-badge{top:-20px;right:-6px;}}

/* load-in for the hero text */
@media (prefers-reduced-motion:no-preference){
  .sk-cl-hero-label,.sk-cl-hero-title,.sk-cl-hero-lead{animation:sk-cl-rise .9s cubic-bezier(.2,.7,.2,1) both;}
  .sk-cl-hero-title{animation-delay:.12s;}
  .sk-cl-hero-lead{animation-delay:.26s;}
}

/* ---- sections ---- */
.sk-cl-welcome{padding-top:var(--wp--preset--spacing--7);}
.sk-cl-welcome .sk-label{margin:0 0 8px;}
.sk-cl-welcome h2{margin-top:0 !important;}
.sk-cl-cols{max-width:1060px !important;gap:clamp(32px,6vw,80px) !important;margin-bottom:var(--wp--preset--spacing--7) !important;}
.sk-cl-photo-col{align-self:flex-start;}
@media (min-width:782px){.sk-cl-cols > .sk-cl-photo-col:last-child{position:sticky;top:120px;}}
@media (max-width:781px){.sk-cl-cols-flip{flex-direction:column-reverse;}}

/* arch photos, same shape as the journal */
.sk-cl-arch img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 8px 8px;border:1px solid var(--wp--preset--color--lilac-dust);}
.sk-cl-arch-sm{max-width:300px;margin-inline:auto;}
.sk-cl-frame{position:relative;}
.sk-cl-frame img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;border:1px solid var(--wp--preset--color--lilac-dust);}
.sk-cl-frame::after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--wp--preset--color--terracotta);border-radius:6px;z-index:-1;}

/* numbered steps, roman numerals in badges */
.sk-cl-steps{margin:24px 0 32px;}
.sk-cl-steps li{padding:20px 0 20px 76px;border-bottom:0;background:linear-gradient(var(--wp--preset--color--lilac-dust),var(--wp--preset--color--lilac-dust)) left bottom / 100% 1px no-repeat;}
.sk-cl-steps li::before{top:14px;width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--wp--preset--color--terracotta);border-radius:50%;font-size:20px;line-height:1;transition:background .3s,color .3s,transform .6s cubic-bezier(.3,1.6,.4,1);}
.sk-cl-steps li:hover::before{background:var(--wp--preset--color--terracotta);color:var(--wp--preset--color--parchment);transform:rotate(360deg);}

/* checklist with drawn ticks */
.sk-cl-checks{list-style:none;padding:0;margin:20px 0 0;}
.sk-cl-checks li{position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--wp--preset--color--lilac-dust);}
.sk-cl-checks li::before{content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border:1px solid var(--wp--preset--color--chinese-violet);border-radius:50%;}
.sk-cl-checks li::after{content:"";position:absolute;left:7px;top:19px;width:9px;height:5px;border-left:1.5px solid var(--wp--preset--color--terracotta);border-bottom:1.5px solid var(--wp--preset--color--terracotta);transform:rotate(-45deg);}

/* payment ticket */
.sk-cl-ticket{max-width:720px;margin:0 auto var(--wp--preset--spacing--7) !important;padding:36px 36px 32px;background:var(--wp--preset--color--aubergine);color:var(--wp--preset--color--parchment);border-radius:10px;position:relative;
  -webkit-mask:radial-gradient(circle 14px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 14px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 14px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;}
.sk-cl-ticket > *{margin-top:0;}
.sk-cl-ticket .sk-label{color:var(--wp--preset--color--lilac-dust) !important;}
.sk-cl-ticket-title{font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--heading-3);margin-bottom:6px;word-break:break-word;color:var(--wp--preset--color--parchment) !important;}
.sk-cl-ticket p{color:var(--wp--preset--color--lilac-dust);}
.sk-cl-ticket-list{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px dashed var(--wp--preset--color--faded-violet);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.sk-cl-ticket-list li{margin:0;font-size:15px;color:var(--wp--preset--color--lilac-dust);}
.sk-cl-ticket-list strong{display:block;font-family:var(--wp--preset--font-family--label);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--parchment);margin-bottom:4px;}
@media (max-width:600px){.sk-cl-ticket-list{grid-template-columns:minmax(0,1fr);}}

/* sign off */
.sk-cl-sign{font-family:var(--wp--preset--font-family--display);font-size:var(--wp--preset--font-size--heading-3);margin-top:24px;}
.sk-cl-sign span{display:block;font-family:var(--wp--preset--font-family--label);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--terracotta);margin-top:8px;}
.sk-cl-welcome a{color:var(--wp--preset--color--chinese-violet);text-underline-offset:4px;}

/* ---- scroll animations (Chrome, Edge, Safari 26+; other browsers show everything static) ---- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .sk-cl-steps li::before{animation:sk-cl-pop linear both;animation-timeline:view();animation-range:entry 0% cover 35%;}
    .sk-cl-steps li{animation:sk-cl-line linear both;animation-timeline:view();animation-range:entry 10% cover 45%;}
    .sk-cl-checks li::after{animation:sk-cl-tick linear both;animation-timeline:view();animation-range:entry 20% cover 40%;}
    .sk-cl-arch img,.sk-cl-frame img{animation:sk-cl-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 30%;}
    .sk-cl-ticket{animation:sk-cl-rise linear both;animation-timeline:view();animation-range:entry 0% cover 25%;}
  }
}

@keyframes sk-cl-rise{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:none;}}
@keyframes sk-cl-pop{from{opacity:0;transform:scale(.3) rotate(-160deg);}to{opacity:1;transform:none;}}
@keyframes sk-cl-line{from{background-size:0% 1px;}to{background-size:100% 1px;}}
@keyframes sk-cl-tick{from{opacity:0;transform:rotate(-45deg) scale(.2);}to{opacity:1;transform:rotate(-45deg) scale(1);}}
@keyframes sk-cl-reveal{from{opacity:0;clip-path:inset(30% 0 0 0 round 999px 999px 8px 8px);}to{opacity:1;clip-path:inset(0 0 0 0 round 0);}}
@keyframes sk-cl-spin{to{transform:rotate(360deg);}}
@keyframes sk-cl-drift{from{transform:scale(1.04) translateY(0);}to{transform:scale(1.1) translateY(-2%);}}
@media (prefers-reduced-motion:reduce){.sk-cl-badge svg,.sk-cl-hero .wp-block-cover__image-background{animation:none;}}
/* =========================================================
   RATES PAGE  (paste at the very bottom of style.css, below the Client Welcome CSS)
   ========================================================= */
.sk-cl-rates{padding-top:var(--wp--preset--spacing--6);}
.sk-cl-rates h2{margin-bottom:12px !important;}
.sk-cl-rates > .sk-label{margin-top:var(--wp--preset--spacing--6) !important;color:var(--wp--preset--color--terracotta) !important;}
.sk-cl-founding{margin:0 0 8px !important;padding:16px 20px;border:1px dashed var(--wp--preset--color--terracotta);border-radius:999px;text-align:center;font-size:16px;color:var(--wp--preset--color--chinese-violet);}
.sk-cl-founding strong{font-family:var(--wp--preset--font-family--label);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--aubergine);margin-right:6px;}
@media (max-width:600px){.sk-cl-founding{border-radius:12px;}}
.sk-cl-rates .sk-cl-table tr{transition:background .25s;}
.sk-cl-rates .sk-cl-table tr:hover{background:rgba(207,197,211,.35);}
.sk-cl-rates .sk-cl-table td:last-child{color:var(--wp--preset--color--aubergine);}
.sk-cl-rates .sk-cl-note{margin-top:16px;margin-bottom:var(--wp--preset--spacing--6);}
.sk-cl-ticket-btns{margin-top:28px;}
.sk-cl-ticket .wp-block-button__link{background:transparent !important;color:var(--wp--preset--color--parchment) !important;border:1px solid var(--wp--preset--color--parchment) !important;}
.sk-cl-ticket .wp-block-button__link:hover{background:var(--wp--preset--color--parchment) !important;color:var(--wp--preset--color--aubergine) !important;}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .sk-cl-rates .sk-cl-table tr{animation:sk-cl-rise linear both;animation-timeline:view();animation-range:entry 0% cover 25%;}
  }
}
/* footer links */
.sk-foot-links{margin-top:12px !important;word-spacing:.4em;}
.sk-foot-links a{text-decoration:none;transition:color .2s;}
.sk-foot-links a:hover{color:var(--wp--preset--color--terracotta) !important;}
/* =========================================================
   JOURNAL: BREADCRUMBS AND READING TIME
   ========================================================= */
.sk-jr-crumb{color:var(--wp--preset--color--faded-violet) !important;transition:color .2s;}
.sk-jr-crumb:hover{color:var(--wp--preset--color--aubergine) !important;}
.sk-jr-crumb-sep{display:inline-block;margin:0 .8em;color:var(--wp--preset--color--faded-violet);}
.sk-jr-read::before{content:"\00B7";display:inline-block;margin:0 .8em;color:var(--wp--preset--color--faded-violet);}
/* =========================================================
   ANIMATED GA4 REPORT
   ========================================================= */
.sk-ga{margin:var(--wp--preset--spacing--5) 0;padding:clamp(22px,4vw,40px);background:rgba(255,255,255,.35);border:1px solid var(--wp--preset--color--lilac-dust);border-radius:10px;color:var(--wp--preset--color--aubergine);}
.sk-ga p{margin:0;}
.sk-ga-eyebrow{font-family:var(--wp--preset--font-family--label);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--terracotta);}
.sk-ga-title{font-family:var(--wp--preset--font-family--display);font-size:clamp(28px,4vw,40px);line-height:1.1;margin-top:8px !important;}
.sk-ga-sub{color:var(--wp--preset--color--chinese-violet);margin-top:4px !important;}
.sk-ga-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 28px;}
.sk-ga-tile{background:rgba(255,255,255,.55);border:1px solid var(--wp--preset--color--lilac-dust);border-radius:8px;padding:14px 16px;}
.sk-ga-tile b{display:block;font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:clamp(24px,3.2vw,34px);line-height:1.1;font-variant-numeric:tabular-nums;}
.sk-ga-tile span{font-family:var(--wp--preset--font-family--label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet);}
.sk-ga-h{font-family:var(--wp--preset--font-family--label);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:6px !important;}
.sk-ga-row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 64px;align-items:center;gap:14px;padding:6px 0;}
.sk-ga-name{font-size:16px;}
.sk-ga-track{display:block;height:18px;}
.sk-ga-bar{display:block;height:100%;border-radius:0 999px 999px 0;transform-origin:left center;}
.sk-ga-val{font-family:var(--wp--preset--font-family--label);font-size:14px;text-align:right;font-variant-numeric:tabular-nums;}
.sk-ga-free{background:var(--wp--preset--color--faded-violet);}
.sk-ga-paid{background:var(--wp--preset--color--terracotta);}
.sk-ga-check{background:var(--wp--preset--color--sage);}
.sk-ga-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px !important;font-family:var(--wp--preset--font-family--label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--chinese-violet);}
.sk-ga-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:-1px;}
.sk-ga-note{margin-top:16px !important;font-size:14px;font-style:italic;color:var(--wp--preset--color--faded-violet);}
@media (max-width:640px){
  .sk-ga-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sk-ga-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;}
  .sk-ga-track{grid-column:1 / -1;grid-row:2;height:14px;}
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .sk-ga-bar{animation:sk-ga-grow linear both;animation-timeline:view();animation-range:entry 20% cover 45%;}
  }
}
@keyframes sk-ga-grow{from{transform:scaleX(0);}to{transform:scaleX(1);}}