.elementor-kit-4{--e-global-color-primary:#2F7386;--e-global-color-secondary:#D67F48;--e-global-color-text:#201E1D;--e-global-color-accent:#245C6C;--e-global-color-wcream:#F5EAD8;--e-global-color-wsand:#EBDDC5;--e-global-color-wraise:#FDF7EC;--e-global-color-wbl900:#122D37;--e-global-color-wbl800:#1A4351;--e-global-color-wbl500:#3F8B9D;--e-global-color-wbl300:#A4D0DA;--e-global-color-wbl100:#E9F4F6;--e-global-color-wbltnt:#2F73861A;--e-global-color-wcl800:#643312;--e-global-color-wcl700:#8C491A;--e-global-color-wcl300:#FFC6A5;--e-global-color-wcl100:#FFF2EB;--e-global-color-wnt800:#3C3934;--e-global-color-wmuted:#57524A;--e-global-color-wnt300:#DED5C4;--e-global-color-wnt200:#EFE8DB;--e-global-color-wondrk:#FAF6EE;--e-global-color-wdivid:#201E1D29;--e-global-color-wwhite:#FFFFFF;--e-global-color-wwht55:#FFFFFF8C;--e-global-color-wwht14:#FFFFFF24;--e-global-color-wcl200:#FFE1D0;--e-global-color-wcl600:#B2622D;--e-global-color-wbl200:#CFE7EC;--e-global-color-wcoral:#FB784C;--e-global-color-wgold:#FBAA28;--e-global-color-wcoink:#A8461A;--e-global-color-wabdeep:#0F2A45;--e-global-color-wabdp2:#173D5F;--e-global-color-wabpop:#21A9FA;--e-global-color-wabsoft:#B5DEFC;--e-global-color-wabink:#106AA3;--e-global-color-wgadeep:#2C1A45;--e-global-color-wgadp2:#40275F;--e-global-color-wgapop:#A161E7;--e-global-color-wgasoft:#DCC6F7;--e-global-color-wcyan:#11D5E5;--e-global-color-wshpop:#E54973;--e-global-color-wshsoft:#F7BCCC;--e-global-color-wshink:#B02A55;--e-global-color-wwkpop:#04ADC1;--e-global-color-wwksoft:#A4E4EC;--e-global-color-wrust:#C85816;--e-global-color-wwkink:#0B6A76;--e-global-color-wevdeep:#4A1F0C;--e-global-color-wgaink:#6E3CAD;--e-global-color-wshdeep:#45162B;--e-global-color-wshdp2:#5E2140;--e-global-color-w404:#885E41;--e-global-typography-primary-font-family:"Caprasimo";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.55em;--e-global-typography-accent-font-family:"Caprasimo";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.55em;--e-global-typography-accent-letter-spacing:0.1em;--e-global-typography-whero-font-family:"Caprasimo";--e-global-typography-whero-font-size:76px;--e-global-typography-whero-font-weight:400;--e-global-typography-whero-line-height:1.04em;--e-global-typography-wh1-font-family:"Caprasimo";--e-global-typography-wh1-font-size:56px;--e-global-typography-wh1-font-weight:400;--e-global-typography-wh1-line-height:1.04em;--e-global-typography-wh2-font-family:"Caprasimo";--e-global-typography-wh2-font-size:38px;--e-global-typography-wh2-font-weight:400;--e-global-typography-wh2-line-height:1.15em;--e-global-typography-wh3-font-family:"Caprasimo";--e-global-typography-wh3-font-size:28px;--e-global-typography-wh3-font-weight:400;--e-global-typography-wh3-line-height:1.15em;--e-global-typography-wh4-font-family:"Caprasimo";--e-global-typography-wh4-font-size:22px;--e-global-typography-wh4-font-weight:400;--e-global-typography-wh4-line-height:1.15em;--e-global-typography-wlead-font-family:"Figtree";--e-global-typography-wlead-font-size:19px;--e-global-typography-wlead-font-weight:400;--e-global-typography-wlead-line-height:1.55em;--e-global-typography-wtagln-font-family:"Figtree";--e-global-typography-wtagln-font-size:16px;--e-global-typography-wtagln-font-weight:600;--e-global-typography-wtagln-line-height:1.55em;--e-global-typography-wbold-font-family:"Figtree";--e-global-typography-wbold-font-size:16px;--e-global-typography-wbold-font-weight:700;--e-global-typography-wbold-line-height:1.55em;--e-global-typography-wsmall-font-family:"Figtree";--e-global-typography-wsmall-font-size:14px;--e-global-typography-wsmall-font-weight:400;--e-global-typography-wsmall-line-height:1.55em;--e-global-typography-wnav-font-family:"Figtree";--e-global-typography-wnav-font-size:14px;--e-global-typography-wnav-font-weight:600;--e-global-typography-wnav-line-height:1.55em;--e-global-typography-wbtnlg-font-family:"Figtree";--e-global-typography-wbtnlg-font-size:16px;--e-global-typography-wbtnlg-font-weight:600;--e-global-typography-wbtnlg-line-height:1.55em;--e-global-typography-wtag-font-family:"Figtree";--e-global-typography-wtag-font-size:12px;--e-global-typography-wtag-font-weight:600;--e-global-typography-wtag-line-height:1.55em;--e-global-typography-wtag-letter-spacing:0.02em;--e-global-typography-wdow-font-family:"Caprasimo";--e-global-typography-wdow-font-size:12px;--e-global-typography-wdow-font-weight:400;--e-global-typography-wdow-text-transform:uppercase;--e-global-typography-wdow-line-height:1.55em;--e-global-typography-wdow-letter-spacing:0.06em;--e-global-typography-wday-font-family:"Caprasimo";--e-global-typography-wday-font-size:26px;--e-global-typography-wday-font-weight:400;--e-global-typography-wday-line-height:1em;--e-global-typography-wnum-font-family:"Caprasimo";--e-global-typography-wnum-font-size:46px;--e-global-typography-wnum-font-weight:400;--e-global-typography-wnum-line-height:1em;background-color:var( --e-global-color-wcream );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-wnav-font-family ), Sans-serif;font-size:var( --e-global-typography-wnav-font-size );font-weight:var( --e-global-typography-wnav-font-weight );line-height:var( --e-global-typography-wnav-line-height );color:var( --e-global-color-wwhite );border-radius:999px 999px 999px 999px;padding:10px 20px 10px 20px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-wbl500 );color:var( --e-global-color-wwhite );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-accent );}.elementor-kit-4 a:hover{color:var( --e-global-color-primary );}.elementor-kit-4 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-wh1-font-family ), Sans-serif;font-size:var( --e-global-typography-wh1-font-size );font-weight:var( --e-global-typography-wh1-font-weight );line-height:var( --e-global-typography-wh1-line-height );}.elementor-kit-4 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-wh2-font-family ), Sans-serif;font-size:var( --e-global-typography-wh2-font-size );font-weight:var( --e-global-typography-wh2-font-weight );line-height:var( --e-global-typography-wh2-line-height );}.elementor-kit-4 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-wh3-font-family ), Sans-serif;font-size:var( --e-global-typography-wh3-font-size );font-weight:var( --e-global-typography-wh3-font-weight );line-height:var( --e-global-typography-wh3-line-height );}.elementor-kit-4 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-wh4-font-family ), Sans-serif;font-size:var( --e-global-typography-wh4-font-size );font-weight:var( --e-global-typography-wh4-font-weight );line-height:var( --e-global-typography-wh4-line-height );}.elementor-kit-4 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-wnav-font-family ), Sans-serif;font-size:var( --e-global-typography-wnav-font-size );font-weight:var( --e-global-typography-wnav-font-weight );line-height:var( --e-global-typography-wnav-line-height );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:var( --e-global-typography-wsmall-font-family ), Sans-serif;font-size:var( --e-global-typography-wsmall-font-size );font-weight:var( --e-global-typography-wsmall-font-weight );line-height:var( --e-global-typography-wsmall-line-height );color:var( --e-global-color-text );background-color:var( --e-global-color-wraise );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-wdivid );border-radius:999px 999px 999px 999px;padding:10px 16px 10px 16px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-whero-font-size:60px;--e-global-typography-wh1-font-size:46px;--e-global-typography-wh2-font-size:34px;--e-global-typography-wh3-font-size:26px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4 h1{font-size:var( --e-global-typography-wh1-font-size );line-height:var( --e-global-typography-wh1-line-height );}.elementor-kit-4 h2{font-size:var( --e-global-typography-wh2-font-size );line-height:var( --e-global-typography-wh2-line-height );}.elementor-kit-4 h3{font-size:var( --e-global-typography-wh3-font-size );line-height:var( --e-global-typography-wh3-line-height );}.elementor-kit-4 h4{font-size:var( --e-global-typography-wh4-font-size );line-height:var( --e-global-typography-wh4-line-height );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-wnav-font-size );line-height:var( --e-global-typography-wnav-line-height );}.elementor-kit-4 label{font-size:var( --e-global-typography-wnav-font-size );line-height:var( --e-global-typography-wnav-line-height );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-wsmall-font-size );line-height:var( --e-global-typography-wsmall-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-whero-font-size:44px;--e-global-typography-wh1-font-size:38px;--e-global-typography-wh2-font-size:30px;--e-global-typography-wh3-font-size:24px;--e-global-typography-wh4-font-size:20px;--e-global-typography-wlead-font-size:17px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4 h1{font-size:var( --e-global-typography-wh1-font-size );line-height:var( --e-global-typography-wh1-line-height );}.elementor-kit-4 h2{font-size:var( --e-global-typography-wh2-font-size );line-height:var( --e-global-typography-wh2-line-height );}.elementor-kit-4 h3{font-size:var( --e-global-typography-wh3-font-size );line-height:var( --e-global-typography-wh3-line-height );}.elementor-kit-4 h4{font-size:var( --e-global-typography-wh4-font-size );line-height:var( --e-global-typography-wh4-line-height );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-wnav-font-size );line-height:var( --e-global-typography-wnav-line-height );}.elementor-kit-4 label{font-size:var( --e-global-typography-wnav-font-size );line-height:var( --e-global-typography-wnav-line-height );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-wsmall-font-size );line-height:var( --e-global-typography-wsmall-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* WUB-DECOR-START */ /* WUB decorative layer — from the design system's styles.css. Applied through each element's CSS Classes field in Elementor. Colours/sizes still come from the global settings; this file is motion, shape and photo aspect ratios only. */ /* Photo slots: the image keeps the design's aspect ratio at any width. */ .wub-ar-11 img, .wub-ar-34 img, .wub-ar-43 img, .wub-ar-45 img, .wub-ar-169 img, .wub-ar-1610 img { width: 100%; height: 100%; object-fit: cover; display: block; } .wub-ar-11 img { aspect-ratio: 1/1; } .wub-ar-34 img { aspect-ratio: 3/4; } .wub-ar-43 img { aspect-ratio: 4/3; } .wub-ar-45 img { aspect-ratio: 4/5; } .wub-ar-169 img { aspect-ratio: 16/9; } .wub-ar-1610 img { aspect-ratio: 16/10; } /* Decorative soft shapes. Sit behind content; never carry meaning. */ .wub-blob { pointer-events: none; border-radius: 50%; } .wub-blob--squish { border-radius: 58% 42% 47% 53% / 52% 46% 54% 48%; } .wub-op-35 { opacity: .35; } .wub-op-40 { opacity: .4; } .wub-op-45 { opacity: .45; } .wub-op-50 { opacity: .5; } .wub-op-55 { opacity: .55; } .wub-op-60 { opacity: .6; } .wub-op-70 { opacity: .7; } .wub-float { animation: wub-float 9s cubic-bezier(.32,.72,.28,1) infinite; } .wub-float--slow { animation-duration: 14s; } .wub-float--delay { animation-delay: -4s; } @keyframes wub-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -16px, 0); } } /* Tilted tiles. Straighten on hover so the page feels alive under the cursor. */ .wub-tilt img { transition: transform .2s cubic-bezier(.32,.72,.28,1); } .wub-tilt--a img { transform: rotate(-2.5deg); } .wub-tilt--b img { transform: rotate(2deg); } .wub-tilt--c img { transform: rotate(-1.25deg); } @media (hover: hover) and (pointer: fine) { .wub-tilt:hover img { transform: rotate(0deg) scale(1.015); } } /* zoom only with a mouse – on phones a swipe set it off */ /* Blob-cropped photo (the portrait on About and Gallery). */ .wub-photo--blob img { border-radius: 58% 42% 47% 53% / 52% 46% 54% 48%; } /* Doors: a tall photo tile with a label sitting in a gradient at its foot. */ .wub-door { position: relative; overflow: hidden; aspect-ratio: 3/4; transition: transform .2s cubic-bezier(.32,.72,.28,1); } .wub-door:hover { transform: translateY(-8px); } .wub-door__img, .wub-door__img .elementor-widget-container, .wub-door__img img { position: absolute; inset: 0; height: 100%; width: 100%; } .wub-door__img img { object-fit: cover; } /* Running band of the studio's own phrases. */ .wub-marquee { overflow: hidden; display: flex; } .wub-marquee__track { display: flex; flex: none; gap: 35px; padding-right: 35px; animation: wub-marquee 34s linear infinite; } .wub-marquee__item { font-family: "Caprasimo", Georgia, serif; font-size: 28px; white-space: nowrap; display: flex; align-items: center; gap: 35px; line-height: 1.55; } .wub-marquee__item::after { content: "●"; font-size: 0.4em; opacity: 0.55; } @keyframes wub-marquee { to { transform: translateX(-100%); } } /* Gallery parallax columns (the drift itself is the Custom Code snippet). */ .wub-par__col { will-change: transform; } @media (max-width: 900px) { .wub-par__col { transform: none !important; } } @media (prefers-reduced-motion: reduce) { .wub-par__col { transform: none !important; } } /* A curved edge between two colour bands. */ .wub-curve { display: block; width: 100%; height: 56px; } @media (max-width: 900px) { .wub-door { aspect-ratio: 16/9; } .wub-tilt--a img, .wub-tilt--b img, .wub-tilt--c img { transform: none; } .wub-marquee__item { font-size: 24px; } } @media (prefers-reduced-motion: reduce) { .wub-float, .wub-marquee__track { animation: none; } } /* Textareas keep a soft corner rather than the pill used by single-line inputs. !important is deliberate: the form widget's own field radius is five classes deep, so a plain .elementor-kit-4 cannot reach it. */ textarea.elementor-field-textual { border-radius: 12px !important; } /* Sessions HQ booking form follows the site's globals (its own tokens are CSS vars). */ .wpsess-booking { --wpsess-accent: var(--e-global-color-primary); --wpsess-accent-hover: var(--e-global-color-wbl500); --wpsess-accent-text: var(--e-global-color-wwhite); --wpsess-muted: var(--e-global-color-wmuted); --wpsess-border: var(--e-global-color-wdivid); } /* The class row is one loop template used on a light band and a dark one. Elementor does not emit heading colour rules inside a loop template, so the row's two fixed colours are set here — still through the globals. */ .wub-chip .elementor-widget .elementor-heading-title { color: var(--e-global-color-wbl800); } .wpsess-row .wub-sub .elementor-heading-title { color: var(--e-global-color-wmuted); } .wub-on-dark .elementor-heading-title { color: var(--e-global-color-wondrk); } .wub-on-dark .wpsess-row .wub-sub.elementor-widget .elementor-heading-title { color: var(--e-global-color-wnt300); } .wub-on-dark .wub-chip .elementor-widget .elementor-heading-title { color: var(--e-global-color-wbl800); } .wub-on-dark .wpsess-row { border-top-color: var(--e-global-color-wwht14); } .wub-on-dark .wpsess-booking { --wpsess-muted: var(--e-global-color-wnt300); --wpsess-border: var(--e-global-color-wwht14); } /* Clay bands (Workshops #upcoming, Shop #gear). The date chip and the booking form both default to blue, which fights the clay, so they take the clay tints here. !important on the chip because Elementor's own background rule is more specific than anything this file can reach. */ .wub-on-clay .wub-chip { background-color: var(--e-global-color-wcl100) !important; } .wub-on-clay .wpsess-row .wub-chip .elementor-widget .elementor-heading-title { color: var(--e-global-color-wcl800); } .wub-on-clay .wpsess-row { border-top-color: var(--e-global-color-wwht14); } .wub-on-clay .wpsess-row .wub-sub.elementor-widget .elementor-heading-title { color: var(--e-global-color-wcl100); } .wub-on-clay .wpsess-booking { --wpsess-accent: var(--e-global-color-wondrk); --wpsess-accent-text: var(--e-global-color-wcl700); --wpsess-accent-hover: var(--e-global-color-wwhite); --wpsess-muted: var(--e-global-color-wcl100); --wpsess-border: var(--e-global-color-wwht55); } /* The booking controls are