/* CLAIRIA V2 — rhythm, material, and purposeful interaction. */
:root{--header:78px;--rhythm:clamp(48px,5.2vw,76px);--line:#d3c9ba;--paper:#f4efe6}html{scroll-padding-top:96px}.section{padding-block:var(--rhythm)}.section-heading{margin-bottom:30px;align-items:end}.section-heading h2{font-size:clamp(36px,3.6vw,54px);line-height:1.02;letter-spacing:-.035em}.section-heading .eyebrow{margin-bottom:12px}.eyebrow{font-size:10px;letter-spacing:.13em}.button{border-radius:5px;min-height:46px;padding:12px 21px;font-size:13px}.button:hover{transform:translateY(-2px)}.text-link{font-size:13px}.fine-print{font-size:11px}.site-header{height:var(--header);position:sticky;top:0;padding-inline:5.5%;background:#f4efe6f5;transition:background .35s,box-shadow .35s;backdrop-filter:blur(16px)}body[data-page=home] .site-header{position:fixed;background:transparent;backdrop-filter:none}.site-header.is-scrolled,body[data-page=home] .site-header.is-scrolled{background:#f4efe6ed;box-shadow:0 1px 0 #c9bcaa66;backdrop-filter:blur(18px)}.brand-mark{width:43px;height:43px}.brand>span{font-size:23px}.brand{gap:11px}.desktop-nav{gap:32px}.desktop-nav a{font-size:12px;padding:14px 0}.header-actions .icon-button{width:39px;height:39px}.reading-progress{position:fixed;z-index:1001;left:0;right:0;top:0;height:2px;pointer-events:none;transform-origin:left;background:transparent}.reading-progress>span{height:100%;display:block;transform:scaleX(0);transform-origin:left;background:#6f7d59;transition:transform .12s linear}body[data-page=process] .site-header.is-scrolled{background:#1b1c1aee;color:var(--paper)}
/* A calmer, more precise gallery. */
.hero{height:clamp(690px,84svh,850px);min-height:690px}.hero-copy{left:7%;top:150px;width:45%;animation:none}.hero-eyebrow{margin-bottom:23px;font-size:9px}.hero h1{font-size:clamp(77px,7.7vw,110px);line-height:.94;letter-spacing:-.05em}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:24px 0}.hero-ctas{gap:24px}.hero-ctas .button{font-size:12px;gap:23px}.hero-product-wrap{right:14%;width:31%;height:73%;bottom:92px}.hero-product{animation:none}.hero-duo{width:21%;left:33%;bottom:82px;height:28%}.hero-pen{left:45%;width:10%;height:23%;bottom:28%}.hero-chapters{left:14%;right:17%;bottom:25px;padding-bottom:13px;font-size:14px}.hero-chapters a{padding:7px 6px}.hero-selector{right:4%;top:32%;gap:17px}.hero-explore{font-size:10px;gap:6px}.hero-detail{display:flex;align-items:center;gap:7px;font-size:9px;color:#655b4d;padding:7px 2px;border-bottom:1px solid #a3917866}.hero-detail svg{width:12px;height:12px}.hero-thumb{width:56px;height:65px;border-radius:6px}.hero-thumbs{gap:10px}.replay-reveal{position:absolute;bottom:13px;left:5.5%;z-index:6;display:flex;align-items:center;gap:7px;color:#5e5549;font-size:9px;padding:5px 0}.replay-circle{font-size:16px;line-height:1}.hero-bottom-label{font-size:8px;bottom:15px}.hero-revealing .hero-copy,.hero-revealing .hero-product-wrap,.hero-revealing .hero-selector{opacity:0}.hero-entered .hero-copy{animation:v2-hero-copy .8s var(--ease) both}.hero-entered .hero-product-wrap{animation:v2-hero-product 1.1s var(--ease) both}.hero-entered .hero-selector{animation:v2-hero-copy .8s .15s var(--ease) both}@keyframes v2-hero-copy{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes v2-hero-product{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
.experience-grid{padding:10px 22px 0;gap:10px}.experience-card{height:270px;padding:25px;border-radius:5px;transition:box-shadow .4s,transform .4s}.experience-card h2{font-size:clamp(35px,3.2vw,48px)}.experience-card .eyebrow{font-size:8px;margin-bottom:12px}.experience-card .small-link{font-size:10px;padding:7px 12px;margin-top:17px}.experience-process>img{height:110%;width:62%;right:-8%;bottom:-15%;rotate:-4deg}.experience-process>div{max-width:72%}.experience-process:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1c1a66,transparent 65%);z-index:1;pointer-events:none}.experience-style>img{height:82%;width:60%;right:0;bottom:20px}.preview-palette{padding:8px 12px;bottom:12px;left:18px;right:18px;gap:9px}.preview-palette i{width:18px;height:18px}.mini-bank{height:80%;bottom:-6px;left:20%;right:-1%}.mini-bank span{font-size:clamp(22px,2.6vw,41px)}.experience-personal .small-link{left:25px;bottom:15px;margin:0}.experience-rail-controls{display:none}.collection-preview{padding-top:58px;padding-bottom:60px}.home-products{gap:22px}.home-products .product-image{aspect-ratio:1.05}.product-image{border:1px solid #e0d7c8;border-radius:5px;isolation:isolate;transform-style:preserve-3d;transition:transform .45s var(--ease),box-shadow .45s}.product-image:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,25%),#fff6,transparent 65%);opacity:0;transition:opacity .35s}.product-image:hover:after{opacity:.5}.product-image:hover{box-shadow:0 14px 26px #322a1810}.product-image.cutout{padding:24px}.product-info{padding:12px 1px 0}.product-info h3,.product-info button{font-size:24px}.product-info p{font-size:10px;line-height:1.5;margin-top:5px}.product-quick{width:32px;height:32px;bottom:13px;right:13px}.product-quick svg{width:16px;height:16px}.product-bank-name{position:absolute;z-index:2;left:17%;right:14%;top:39%;height:27%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(22px,3vw,46px);letter-spacing:-.055em;color:#f2e4cb;text-shadow:1px 2px #ae9f82,2px 3px #5c6a4f;pointer-events:none}.home-products .product-bank-name{font-size:clamp(22px,2.35vw,38px)}.catalogue .product-grid{gap:35px 25px}.catalogue .product-image{aspect-ratio:1.06}.catalogue-meta{margin:15px 0 23px}.catalogue-toolbar{padding:13px 0}.filter-tabs button{font-size:12px;min-height:39px;padding:9px 15px}.product-detail-copy{padding:55px 34px 30px}.product-detail-copy h2{font-size:46px;line-height:1.02;margin:10px 0 20px}.product-detail-copy .product-description{font-size:13px}.product-detail-image{min-height:470px}.product-detail-copy .button{min-height:44px;font-size:12px}.product-detail-copy .detail-note{font-size:11px;padding:13px 0;margin:5px 0 18px}
/* Page introductions: real work appears within the first viewport. */
.page-intro{display:grid;grid-template-columns:1.35fr .85fr;column-gap:6%;row-gap:0;text-align:left;align-items:end;padding:48px 6% 38px;background:linear-gradient(110deg,#e8ddcc30,transparent 70%)}.page-intro>.eyebrow{grid-column:1/-1;margin-bottom:20px;font-size:9px}.page-intro h1{font-size:clamp(56px,5.7vw,86px);line-height:.98;letter-spacing:-.045em}.page-intro>p:last-child{font-size:13px;line-height:1.8;margin:0 0 5px;max-width:360px;color:#726a5e}.studio-intro{padding-bottom:32px}.contact-intro h1{font-size:clamp(55px,5.3vw,80px)}.catalogue{padding-top:0}.soft-banner{padding:58px 24px 62px}.soft-banner h2{font-size:49px;line-height:1.02;margin-bottom:25px}.soft-banner .eyebrow{font-size:9px;margin-bottom:17px}.soft-banner .button{font-size:12px}
/* Compact, tactile studio controls. */
.styling-studio{padding-top:0;padding-bottom:58px;grid-template-columns:1.55fr 1fr}.studio-scene{min-height:570px;border-radius:7px 0 0 7px}.studio-panel{padding:25px 27px;border-radius:0 7px 7px 0}.studio-panel>.eyebrow{font-size:8px;margin-bottom:12px}.studio-panel h2{font-size:39px;margin:0 0 20px;line-height:1.05}.studio-panel h2 br{display:none}.studio-options{flex-direction:row;gap:7px}.studio-choice{flex:1;flex-direction:column;position:relative;text-align:center;align-items:center;justify-content:start;padding:10px 5px 8px;gap:6px;min-height:98px;border-color:#d5c8b7;border-radius:6px}.studio-choice img{width:62px;height:50px}.studio-choice>span{font-size:10px;line-height:1.35}.studio-choice small{display:none}.studio-choice .choice-check{position:absolute;top:5px;right:5px;width:13px;height:13px}.studio-choice .choice-check svg{width:9px;height:9px}.studio-choice:not(.is-active) .choice-check{opacity:.3}.studio-panel .palette-field{padding-top:18px;margin-top:18px}.studio-panel .palette-field legend{font-size:21px;margin-bottom:13px}.swatches{gap:13px}.swatch{width:32px;height:32px}.studio-panel .range-label{margin:17px 0 3px;font-size:11px}.studio-panel .fine-print{font-size:10px;line-height:1.6;margin:11px 0 17px}.studio-panel>.button{min-height:42px;font-size:11px;margin-bottom:8px;gap:20px}.studio-reset{font-size:10px!important;padding:7px 0}.studio-object{height:66%;width:68%;top:53%}.scene-label{top:20px;left:21px;font-size:8px;letter-spacing:.1em}.scene-caption{font-size:9px;left:21px;bottom:24px}.scene-change{bottom:18px;right:19px;font-size:9px;padding:8px 12px}.studio-invitation{min-height:440px;grid-template-columns:1.3fr 1fr}.studio-invitation-copy{padding:45px 13%}.studio-invitation-copy h2{font-size:clamp(43px,4.2vw,64px);line-height:1.02;margin:8px 0 20px}.studio-invitation-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:18px}.studio-invitation-copy .eyebrow{font-size:9px}.studio-invitation-art img{max-height:360px;width:61%}.studio-invitation-copy .button{font-size:11px;gap:18px}.saved-looks{padding-top:10px}.saved-look-visual{height:210px}.saved-look-copy{padding:17px}.saved-look-copy h3{font-size:24px}
.personal-studio{padding-top:0;grid-template-columns:1.45fr 1fr;padding-bottom:44px}.personal-scene{min-height:570px;border-radius:7px 0 0 7px}.personal-panel{padding:27px 28px;gap:9px;border-radius:0 7px 7px 0}.personal-panel h2{font-size:43px;margin:0 0 12px;line-height:1}.personal-panel>label{font-size:11px}.personal-panel .fine-print{font-size:10px;line-height:1.65;margin:0}.personal-panel .palette-field{padding-top:15px;margin-top:7px}.personal-panel .palette-field legend{font-size:21px;margin-bottom:13px}.personal-panel input:not([type=range]),.personal-panel textarea{min-height:43px;padding:11px 13px;font-size:14px}.personal-panel .letter-style legend{font-size:11px;margin:7px 0 7px}.segmented button{min-height:35px;padding:7px 12px;font-size:12px}.personal-panel .button{min-height:42px;font-size:11px}.personal-notes{font-size:12px;border-block:1px solid #d1c5b3;padding:10px 0;margin:6px 0}.personal-notes summary{cursor:pointer;font-size:11px;color:#696052}.personal-notes label{display:block;font-size:11px;margin:12px 0 7px}.personal-notes textarea{min-height:65px!important;margin-top:9px}.personal-bank{width:91%;margin-top:-8px}.personal-how{padding-top:10px;padding-bottom:55px}.three-steps{gap:44px;padding-top:26px}.three-steps h3{font-size:29px;margin:12px 0}.three-steps p{font-size:12px;line-height:1.8}.personal-piece-label{font-size:8px;bottom:50px}.personal-scene .scene-caption{font-size:9px}
/* Process and proof: scale changes with the content, not a repeated template. */
.process-scroll-stage{height:180svh}.process-scroll-stage .process-hero{min-height:650px;height:calc(100svh - 78px);top:78px}.process-hero-copy{padding:85px 0 60px 7%;width:54%}.process-hero-copy h1{font-size:clamp(75px,7.1vw,106px);margin:26px 0}.process-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:27px}.process-hero-copy .button{min-height:45px;font-size:12px}.process-vase-wrap{height:86%;top:5%;bottom:auto;right:8%;width:35%}.process-scroll-note{bottom:24px;left:7%;gap:22px}.process-story{padding-top:62px}.texture-story{margin-top:30px;gap:7%}.texture-macro{height:430px;border-radius:6px}.texture-text h3{font-size:43px;line-height:1.04;margin-bottom:24px}.texture-text p{font-size:13px;line-height:1.9}.making-grid{grid-template-columns:.85fr 1.15fr;gap:9%;max-width:1020px}.making-grid>video{max-height:540px;aspect-ratio:9/13}.making-steps article{padding:21px 0 21px 40px}.making-steps article>span{top:27px}.making-steps h3{font-size:31px;margin-bottom:13px}.making-steps p{font-size:12px}.faq-section{gap:8%}.faq-section h2{font-size:49px}.faq-list details{padding:20px 0}.faq-list summary{font-size:13px}.film-grid{gap:24px}.film-card video{height:370px;border-radius:6px}.film-card>p{font-size:24px;margin-top:15px}.film-card>p>span{font-size:10px}.real-stories .section-heading h2{font-size:44px}.real-stories{padding-block:62px}.film-card{position:relative}.contact-layout{padding-top:0;gap:9%;grid-template-columns:1fr 1.05fr;padding-bottom:60px}.contact-note h2{font-size:48px;margin:6px 0 20px}.contact-note>p{font-size:13px;line-height:1.8}.contact-selection{padding:22px 0;margin-top:27px}.contact-art{height:210px;margin-top:26px;padding:20px;border-radius:50% 50% 5px 5px;overflow:hidden}.contact-art img{height:150%;transform:translateY(-3%) rotate(-10deg)}.enquiry-form{padding:28px;gap:12px;border-radius:7px}.enquiry-form h2{font-size:35px;margin-bottom:8px}.enquiry-form input:not([type=checkbox]),.enquiry-form select{min-height:43px;font-size:14px;padding:11px 13px}.enquiry-form textarea{font-size:14px;padding:12px 13px}.enquiry-form>label{font-size:12px;margin-top:5px}.enquiry-form .check-label{font-size:10px}.enquiry-preview pre{font-size:11px}.contact-selection .eyebrow{font-size:9px}
.site-footer{padding:50px 6% 22px}.footer-invitation{padding-bottom:34px}.footer-invitation>a{font-size:clamp(52px,5.8vw,86px);line-height:.98}.footer-invitation>a svg{width:63px;height:63px;bottom:38px}.footer-invitation>.eyebrow{font-size:8px;margin-bottom:19px}.footer-main{padding:32px 0 35px}.footer-brand{font-size:29px}.footer-brand span{font-size:10px}.footer-main nav{font-size:11px;gap:8px}.footer-main .eyebrow{margin-bottom:6px}.footer-social p{font-size:10px;margin-top:16px}.footer-bottom{font-size:9px;padding-top:17px}.product-image:focus-visible{outline-offset:3px}
/* Object studies */
.form-dialog{padding:26px 30px;max-height:94dvh}.form-dialog .dialog-top h2{font-size:38px}.form-mode{font-size:10px;letter-spacing:.02em;margin:10px 0 15px}.form-view-tabs{display:flex;width:max-content;max-width:100%;gap:3px;background:#ffffff0a;border:1px solid #ffffff18;border-radius:22px;padding:3px}.form-view-tabs button{min-height:32px;padding:7px 18px;font-size:11px;border-radius:18px;color:#c7c0b1}.form-view-tabs button.is-active{background:#e9dfca;color:#24231d}.form-stage{height:380px;overflow:hidden}.form-stage canvas{transition:transform .65s var(--ease)}.form-stage.is-detail canvas{transform:scale(1.75);transform-origin:50% 67%}.form-controls{padding-top:13px}.form-controls .fine-print{margin-top:12px;font-size:9px}.form-controls>label{font-size:11px}.form-buttons{justify-content:start;gap:25px}.form-buttons .text-link{font-size:10px}.form-buttons button:first-child{margin-right:auto}.texture-dialog{width:870px;padding:27px;background:#e9e0d2}.texture-dialog .dialog-top{margin-bottom:18px}.texture-dialog .dialog-top .eyebrow{font-size:9px;margin-bottom:10px}.texture-dialog h2{font-size:43px}.texture-window{height:460px;position:relative;overflow:hidden;background:#252621;border-radius:6px;cursor:crosshair;touch-action:pan-y}.texture-window>img{height:100%;width:100%;object-fit:contain;opacity:.65;user-select:none;pointer-events:none}.texture-lens{position:absolute;width:190px;height:190px;border:1px solid #e9dfcb;border-radius:50%;background:#252621 url('vase-hero.webp') no-repeat;box-shadow:0 15px 45px #0007,0 0 0 7px #ffffff10;pointer-events:none;left:50%;top:50%;will-change:left,top;z-index:2}.texture-lens:after{content:'';position:absolute;inset:6px;border:1px solid #d4c9b52b;border-radius:50%}.texture-crosshair{position:absolute;left:50%;top:50%;width:2px;height:2px;background:#f0e5cf;border-radius:50%}.texture-instructions{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px}.texture-instructions p{font-size:11px;color:#716655;max-width:280px;margin:0}.texture-instructions label{font-size:10px;width:45%;display:flex;gap:15px;align-items:center;white-space:nowrap}.texture-instructions input{width:100%;min-width:100px;accent-color:#606c50}
/* The first-visit sculptural entrance — no dependency on GPU or remote media. */
.brand-entrance{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#eee6d9;box-shadow:none;overflow:hidden;z-index:2000}.brand-entrance::backdrop{background:#eee6d9;backdrop-filter:none}.brand-entrance[open]{animation:none}.entrance-shell{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 77% 42%,#d6c7b3,transparent 50%),#f1eadf;isolation:isolate;overflow:hidden}.entrance-shell:before{content:'';position:absolute;inset:0;background-image:url('gallery-bg.webp');background-size:cover;background-position:center;opacity:.2;z-index:-1}.entrance-top{position:absolute;top:25px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between}.entrance-wordmark{font:26px var(--serif);letter-spacing:.15em;display:flex;align-items:center;gap:13px}.entrance-wordmark>svg{width:43px;height:43px;stroke:none;mix-blend-mode:multiply}.entrance-wordmark sup{font:7px var(--sans);margin-left:-8px;align-self:start;margin-top:11px;letter-spacing:0}.entrance-skip{display:flex;gap:20px;align-items:center;font-size:11px;border-bottom:1px solid #a2937c;padding:10px 0}.entrance-skip svg{width:19px}.entrance-copy{position:absolute;left:10%;top:30%;z-index:4}.entrance-copy>.eyebrow{font-size:9px;letter-spacing:.17em}.entrance-copy h2{font-size:clamp(75px,8.4vw,128px);line-height:.92;margin:25px 0 27px;letter-spacing:-.055em}.entrance-copy p{font-size:13px;line-height:1.8;color:#756b5b}.entrance-art{position:absolute;right:5%;width:52%;top:9%;height:80%;perspective:1100px;transform-style:preserve-3d;pointer-events:none}.entrance-sculpture{position:absolute;width:clamp(240px,27vw,415px);aspect-ratio:1081/1455;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(calc(-4deg + var(--intro-rx,0deg))) rotateY(calc(-9deg + var(--intro-ry,0deg)));transform-style:preserve-3d;transition:transform .4s ease-out;filter:drop-shadow(16px 18px 13px #463b2735)}.entrance-slice{position:absolute;inset:0;background:url('vase-hero.webp') center/contain no-repeat;clip-path:inset(var(--slice-top) 0 var(--slice-bottom) 0);animation:sculpture-arrive 1.7s calc(var(--i)*.025s) var(--ease) both;backface-visibility:hidden;will-change:transform,opacity;transform-origin:center}.entrance-floor{position:absolute;left:14%;right:7%;bottom:1%;height:22%;border-radius:50%;background:linear-gradient(145deg,#e8dcca,#d8c8ad);transform:rotateX(65deg);box-shadow:0 28px 0 -9px #c9b89c,0 40px 25px #51402812;z-index:-1}.entrance-shadow{position:absolute;left:36%;right:25%;bottom:9%;height:5%;background:#2c261a44;border-radius:50%;filter:blur(13px);animation:shadow-arrive 1.8s var(--ease) both}.entrance-ring{position:absolute;inset:6% 9%;border:1px solid #ffffff66;border-radius:50%;transform:rotateY(-20deg) rotateX(3deg);opacity:.6;z-index:-1}.entrance-bottom{position:absolute;left:5.5%;right:5.5%;bottom:36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c7baa5;padding-top:18px;font-size:9px;color:#726753;letter-spacing:.06em}.entrance-bottom>span{text-transform:uppercase;font-size:8px;letter-spacing:.13em}.entrance-bottom button{font-size:10px;padding:7px 0;border-bottom:1px solid #a6967c}.entrance-timeline{position:absolute;bottom:0;left:0;right:0;height:3px;background:#c6bba7;transform:scaleX(0);transform-origin:left;animation:entrance-time 2.75s linear both}.brand-entrance.is-held .entrance-slice,.brand-entrance.is-held .entrance-timeline,.brand-entrance.is-held .entrance-shadow{animation-play-state:paused}.brand-entrance.is-finishing{opacity:0;transform:scale(1.025);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}.brand-entrance.is-finishing .entrance-sculpture{transform:translate(-50%,-50%) rotateY(0deg) scale(1.08);transition:transform .65s var(--ease)}.intro-open{overflow:hidden}.intro-open .reading-progress{visibility:hidden}
@keyframes sculpture-arrive{0%{opacity:0;transform:translate3d(calc(var(--spread)*1px),calc((var(--i) - 6.5)*-10px),calc(140px + var(--i)*9px)) rotateY(32deg) rotateZ(calc(var(--spread)*.12deg))}18%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0) rotateY(0) rotateZ(0)}}@keyframes shadow-arrive{from{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes entrance-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero-copy{left:9%}.hero-product-wrap{right:17%}.hero-duo{left:38%}.hero-pen{left:48%}.page-intro{padding-inline:8%}.hero-selector{right:6%}}
@media(max-width:1100px){:root{--header:74px}.site-header{padding-inline:4%}.brand>span{font-size:21px}.brand-mark{width:38px;height:38px}.desktop-nav{gap:20px}.desktop-nav a{font-size:11px}.hero{height:740px;min-height:690px}.hero-copy{left:6%;top:143px;width:49%}.hero h1{font-size:clamp(65px,7.7vw,84px)}.hero-copy>p:not(.eyebrow){font-size:12px;max-width:300px}.hero-ctas{gap:13px}.hero-ctas .button{font-size:11px;padding-inline:15px;gap:13px}.hero-ctas .text-link{font-size:11px}.hero-product-wrap{right:13%;width:34%;height:65%;bottom:105px}.hero-duo{left:34%;width:24%;bottom:91px;height:26%}.hero-pen{left:47%;bottom:30%;height:22%;width:9%}.hero-selector{right:3%;top:34%;gap:14px}.hero-detail{font-size:8px;max-width:87px;text-align:center;line-height:1.5;gap:3px}.hero-thumb{width:48px;height:59px}.hero-chapters{left:10%;right:13%;font-size:13px}.replay-reveal{font-size:8px;bottom:10px}.hero-bottom-label{font-size:7px}.experience-grid{padding-inline:16px;gap:8px}.experience-card{height:245px;padding:21px}.experience-card h2{font-size:39px}.experience-card .small-link{font-size:9px;gap:9px;padding:7px 9px}.experience-personal .small-link{left:21px}.mini-bank{left:13%;height:75%;bottom:1px}.mini-bank span{font-size:29px}.experience-style>img{height:75%;width:66%;right:-3%}.section-heading h2{font-size:44px}.page-intro{padding:40px 5% 32px;column-gap:4%;grid-template-columns:1.4fr .8fr}.page-intro h1{font-size:62px}.page-intro>p:last-child{font-size:12px;max-width:270px}.page-intro>.eyebrow{margin-bottom:17px;font-size:8px}.studio-panel{padding:23px 22px}.studio-panel h2{font-size:34px}.styling-studio{grid-template-columns:1.25fr 1fr}.studio-scene{min-height:555px}.studio-panel .button{font-size:10px;padding-inline:13px;gap:10px}.studio-options{gap:5px}.studio-choice{min-height:94px;padding:9px 3px 6px}.studio-choice img{height:44px;width:53px}.studio-choice>span{font-size:9px}.studio-choice .choice-check{top:3px;right:3px;width:11px;height:11px}.studio-panel .palette-field legend{font-size:20px}.studio-object{width:83%;height:64%}.personal-studio{grid-template-columns:1.2fr 1fr}.personal-panel{padding:24px}.personal-panel h2{font-size:39px}.personal-scene{min-height:580px}.personal-panel input:not([type=range]){font-size:14px}.process-scroll-stage .process-hero{top:74px;height:calc(100svh - 74px)}.process-hero-copy{padding-top:100px;width:55%}.process-hero-copy h1{font-size:86px}.process-vase-wrap{width:39%;right:5%;height:80%;top:10%}.process-hero-copy .button{font-size:11px}.real-stories .section-heading h2{font-size:40px}.texture-macro{height:390px}.texture-text h3{font-size:38px}.film-card video{height:330px}.film-card>p{font-size:22px}.contact-intro h1{font-size:59px}.contact-layout{gap:6%;grid-template-columns:1fr 1.1fr}.contact-note h2{font-size:43px}.enquiry-form{padding:25px}.enquiry-form h2{font-size:33px}.contact-art{height:190px}.footer-invitation>a{font-size:73px}}
@media(min-width:761px) and (max-width:850px){.hero h1{font-size:65px}.hero-pen{display:none}.hero-duo{left:36%;width:23%}.hero-copy{top:145px}.hero-ctas{gap:15px;align-items:start;flex-direction:column}.hero-copy>p:not(.eyebrow){max-width:270px}.experience-card{padding:18px;height:235px}.experience-card h2{font-size:35px}.experience-card .small-link{font-size:8px;padding:6px 8px;gap:6px}.experience-personal .small-link{left:18px}.experience-process>img{right:-13%;width:69%}.mini-bank span{font-size:24px}.page-intro h1{font-size:55px}.page-intro>p:last-child{font-size:11px}.personal-panel{padding:22px 18px}.personal-panel .swatches{gap:12px}.studio-panel{padding:22px 18px}.studio-choice>span{font-size:9px}.brand>span{font-size:19px}.desktop-nav{gap:15px}.header-actions .icon-button{width:35px}.brand{gap:8px}.site-header{gap:17px}}
@media(max-width:760px){:root{--header:69px;--rhythm:44px}html{scroll-padding-top:82px}.site-header{padding-inline:20px;height:69px}.brand-mark{width:32px;height:32px}.brand>span{font-size:18px}.brand{gap:8px}.brand sup{top:-7px}.header-actions .icon-button{width:36px;height:39px}.site-header .header-actions svg{width:20px;height:20px}.hero{height:880px;min-height:880px}.hero-copy{top:105px;left:25px;right:25px;width:auto}.hero-eyebrow{font-size:8px;margin-bottom:18px}.hero h1{font-size:clamp(57px,14.5vw,82px);line-height:.94}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.65;margin:18px 0 0;max-width:270px}.hero-product-wrap{height:36%;bottom:212px;right:17%;width:63%}.hero-product-wrap.duo-mode{width:86%;height:31%;bottom:212px;right:7%}.hero-ctas{top:620px;left:0;right:0;flex-direction:column;gap:9px;align-items:center}.hero-ctas .button{width:100%;min-height:46px;font-size:12px;gap:30px}.hero-ctas .text-link{font-size:11px}.hero-selector{top:auto;bottom:155px;left:0;right:0;gap:0}.hero-thumbs{gap:12px}.hero-thumb{width:46px;height:51px;border-radius:6px}.hero-explore{right:17px;bottom:65px;font-size:8px}.hero-explore span{font-size:8px}.hero-detail{position:absolute;bottom:20px;right:15px;max-width:70px;font-size:7px;line-height:1.5;padding:5px 0;border:0;flex-direction:column}.hero-detail svg{width:12px;height:12px}.hero-chapters{left:25px;right:25px;bottom:22px;font-size:11px;gap:7px;padding-bottom:8px}.hero-chapters span{font-size:8px;margin-right:6px}.hero-chapters a{padding:5px 0}.replay-reveal{left:25px;bottom:4px;font-size:7px;gap:5px}.replay-circle{font-size:13px}.hero-background{background-size:auto 69%;background-position:63% bottom}.hero-bottom-label{display:none}.experience-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:10px 20px 0;scroll-padding-left:20px}.experience-grid::-webkit-scrollbar{display:none}.experience-card{flex:0 0 88%;height:242px;min-width:0;padding:23px;scroll-snap-align:start;border-radius:6px}.experience-card h2{font-size:43px}.experience-card .small-link{font-size:10px;margin-top:16px;padding:7px 11px;gap:17px}.experience-process>img{height:112%;width:57%;right:-4%;bottom:-13%}.experience-process>div{max-width:75%}.experience-style>img{height:84%;width:64%;bottom:18px;right:-1%}.preview-palette{bottom:13px;left:20px;right:20px;padding:8px 12px;width:auto}.preview-palette i{width:18px;height:18px}.experience-personal{height:242px}.experience-personal h2{font-size:42px}.mini-bank{width:73%;height:83%;left:auto;right:-2%;bottom:-6px}.mini-bank span{font-size:35px}.experience-personal .small-link{left:23px;bottom:17px;font-size:9px}.experience-rail-controls{display:flex;align-items:center;justify-content:space-between;padding:9px 23px 0;font-size:9px;color:#7d705f;letter-spacing:.1em}.experience-rail-controls>div{display:flex;gap:4px}.experience-rail-controls .icon-button{width:35px;height:35px;border:1px solid #d3c6b2}.experience-rail-controls svg{width:17px;height:17px}.experience-rail-controls [data-experience-step="-1"] svg{rotate:180deg}.section{padding-inline:22px}.collection-preview{padding-top:34px;padding-bottom:42px}.section-heading{gap:15px;margin-bottom:23px}.section-heading h2{font-size:37px;line-height:1.04}.section-heading>.text-link{font-size:11px}.section-heading .eyebrow{font-size:8px;margin-bottom:12px}.home-products{gap:26px 13px}.home-products .product-image{aspect-ratio:3/3.65}.product-image.cutout{padding:12px}.product-info{padding-top:11px}.product-info h3,.product-info button{font-size:21px;line-height:1.08}.product-info p{font-size:9px;margin-top:5px}.product-number{font-size:8px}.product-quick{width:28px;height:28px;bottom:10px;right:10px}.home-products .product-bank-name,.product-bank-name{font-size:24px;top:38%;height:28%;left:14%;right:12%}.catalogue .product-image{aspect-ratio:3/3.9}.catalogue .product-grid{gap:27px 13px}.catalogue-toolbar{gap:10px;padding:12px 0}.filter-tabs{gap:4px}.filter-tabs button{font-size:10px;min-height:35px;padding:8px 10px}.catalogue-meta{font-size:9px;margin:14px 0 20px}.product-detail-image{min-height:270px;height:300px;max-height:340px}.product-detail-copy{padding:26px 24px}.product-detail-copy h2{font-size:40px}.product-detail-copy .product-description{font-size:12px}.product-detail-copy .detail-note{font-size:10px}.product-detail-copy .button{font-size:11px;min-height:43px}.product-detail-copy .text-link{font-size:11px}.page-intro{display:block;padding:34px 23px 28px;text-align:left}.page-intro>.eyebrow{font-size:8px;margin:0 0 17px}.page-intro h1{font-size:clamp(46px,11.4vw,65px);line-height:.99;letter-spacing:-.04em}.page-intro>p:last-child{font-size:12px;line-height:1.75;margin:18px 0 0;max-width:330px}.page-intro>p:last-child br{display:none}.studio-intro{padding-bottom:25px}.soft-banner{padding:44px 23px 48px}.soft-banner h2{font-size:41px}.soft-banner .eyebrow{font-size:8px;margin-bottom:16px}.soft-banner .button{font-size:11px}.styling-studio{padding-top:0;padding-bottom:42px;grid-template-columns:1fr}.studio-scene{min-height:350px;border-radius:7px 7px 0 0}.studio-object{height:70%;width:76%;top:52%}.scene-label{font-size:7px;top:15px;left:15px;padding:6px 8px;letter-spacing:.08em}.scene-caption{font-size:8px;bottom:20px;left:15px;max-width:43%;line-height:1.5}.scene-change{bottom:14px;right:13px;font-size:8px;padding:7px 10px;gap:8px}.scene-change svg{width:12px;height:12px}.studio-panel{padding:25px 21px;border-radius:0 0 7px 7px}.studio-panel h2{font-size:34px;line-height:1.04;margin-bottom:18px}.studio-panel>.eyebrow{font-size:8px;margin-bottom:11px}.studio-choice{min-height:96px;padding:10px 4px 7px}.studio-choice img{width:60px;height:48px}.studio-choice>span{font-size:10px}.studio-choice .choice-check{width:13px;height:13px;top:5px;right:5px}.studio-panel .palette-field{margin-top:18px;padding-top:17px}.studio-panel .palette-field legend{font-size:22px}.studio-panel .palette-field legend>span{font-size:10px}.swatches{gap:14px}.swatch{width:33px;height:33px}.studio-panel .range-label{font-size:11px;margin-top:18px}.studio-panel .fine-print{font-size:10px}.studio-panel>.button{font-size:11px;min-height:43px}.studio-panel .text-link{font-size:10px}.studio-invitation{grid-template-columns:1fr;min-height:0}.studio-invitation-art{min-height:300px}.studio-invitation-art img{width:67%;max-height:290px}.studio-invitation-copy{padding:33px 25px 39px}.studio-invitation-copy h2{font-size:46px;line-height:1.02}.studio-invitation-copy>p:not(.eyebrow){font-size:12px}.studio-invitation-copy .eyebrow{font-size:8px}.studio-invitation-copy .button{font-size:11px}.saved-looks{padding-top:0}.saved-look-visual{height:170px}.saved-look-copy{padding:15px}.saved-look-copy h3{font-size:23px}.personal-studio{padding-top:0;grid-template-columns:1fr;padding-bottom:32px}.personal-scene{min-height:305px;border-radius:7px 7px 0 0}.personal-panel{padding:25px 22px;border-radius:0 0 7px 7px;gap:10px}.personal-panel h2{font-size:39px;margin-bottom:10px}.personal-panel input:not([type=range]),.personal-panel textarea{font-size:16px!important;min-height:43px}.personal-panel .fine-print{font-size:10px}.personal-panel .button{min-height:44px;font-size:11px}.personal-notes{padding:10px 0;margin-block:4px}.personal-notes summary{font-size:11px}.personal-piece-label{bottom:43px;left:15px;font-size:7px}.personal-bank{width:94%;margin-top:-10px}.personal-scene .scene-caption{bottom:20px;left:15px;font-size:8px;max-width:100%}.personal-how{padding-top:0;padding-bottom:36px}.three-steps{gap:20px;padding-top:22px}.three-steps h3{font-size:28px;margin:0 0 11px}.three-steps p{font-size:12px}.three-steps article{padding-bottom:18px}.process-scroll-stage{height:175svh}.process-scroll-stage .process-hero{min-height:785px;height:calc(100svh - 69px);top:69px}.process-hero-copy{padding:43px 25px 0;width:100%}.process-hero-copy>.eyebrow{font-size:8px}.process-hero-copy h1{font-size:68px;margin:20px 0 22px}.process-hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;margin-bottom:22px}.process-hero-copy .button{min-height:43px;font-size:11px}.process-vase-wrap{height:380px;width:63%;top:auto;bottom:40px;right:10%}.process-scroll-note{bottom:12px;left:25px;right:25px;gap:10px;font-size:7px}.process-scroll-note #process-phase{min-width:89px}.process-scroll-note .process-skip{font-size:7px;margin:0;padding:6px 0}.process-story{padding-top:43px}.texture-story{margin-top:24px;gap:27px}.texture-macro{height:330px}.texture-text h3{font-size:37px;line-height:1.05;margin-bottom:22px}.texture-text p{font-size:12px;line-height:1.85}.texture-text .text-link{font-size:11px;margin-top:10px}.making-grid{grid-template-columns:1fr;gap:28px}.making-grid>video{max-height:450px}.making-steps article{padding:20px 0 20px 32px}.making-steps article>span{top:26px}.making-steps h3{font-size:29px}.making-steps p{font-size:12px}.faq-section h2{font-size:42px}.faq-list details{padding:18px 0}.faq-list summary{font-size:12px}.faq-list details p{font-size:12px}.real-stories{padding-block:43px}.real-stories .section-heading h2{font-size:35px}.film-card video{height:auto;max-height:310px}.film-card>p{font-size:25px}.film-card>p>span{font-size:10px;line-height:1.7}.film-grid{gap:27px}.film-card{gap:19px}.contact-intro h1{font-size:clamp(44px,10.8vw,60px)}.contact-layout{padding-top:0;grid-template-columns:1fr;gap:28px;padding-bottom:40px}.contact-note h2{font-size:40px;line-height:1.04;margin:0 0 17px}.contact-note h2 br{display:none}.contact-note>p{font-size:12px;max-width:none}.contact-selection{margin-top:22px;padding-block:18px}.contact-art{display:none}.enquiry-form{padding:25px 21px;gap:12px}.enquiry-form h2{font-size:33px}.enquiry-form>label{font-size:11px}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{font-size:16px!important}.enquiry-form .button{font-size:11px}.enquiry-form .check-label{font-size:10px}.site-footer{padding:37px 25px 24px}.footer-invitation{padding-bottom:28px}.footer-invitation>.eyebrow{font-size:7px;letter-spacing:.1em;margin-bottom:20px}.footer-invitation>a{font-size:54px;line-height:.98}.footer-invitation>a svg{height:37px;width:37px;bottom:33px}.footer-main{padding:28px 0;gap:25px 22px}.footer-brand{font-size:27px}.footer-main nav{font-size:11px;gap:8px}.footer-brand span{font-size:10px;margin-top:10px}.footer-social p{font-size:10px;margin:0}.footer-bottom{font-size:8px;gap:13px 18px}.menu-grid nav a{font-size:35px}.menu-grid{min-height:65vh}.form-dialog{padding:22px 19px;max-height:94dvh}.form-dialog .dialog-top h2{font-size:31px}.form-mode{font-size:9px;margin-top:9px;margin-bottom:12px}.form-view-tabs button{font-size:10px;min-height:30px;padding:6px 15px}.form-stage{height:305px}.form-controls>label{font-size:10px}.form-controls .fine-print{font-size:9px}.form-buttons{gap:16px}.form-buttons .text-link{font-size:9px}.texture-dialog{padding:23px 20px;max-height:93dvh}.texture-dialog h2{font-size:34px}.texture-window{height:360px}.texture-lens{height:145px;width:145px;box-shadow:0 10px 22px #0006,0 0 0 5px #ffffff12}.texture-instructions{flex-direction:column;align-items:start;gap:12px;margin-top:15px}.texture-instructions p{font-size:10px;max-width:100%}.texture-instructions label{width:100%;font-size:10px;gap:15px}.texture-instructions input{height:25px}.texture-dialog .dialog-top .eyebrow{font-size:8px}.entrance-top{left:22px;right:22px;top:21px}.entrance-wordmark{font-size:20px;gap:9px;letter-spacing:.12em}.entrance-wordmark>svg{width:32px;height:32px}.entrance-wordmark sup{font-size:6px;margin-top:7px;margin-left:-7px}.entrance-skip{font-size:9px;gap:9px;padding:8px 0}.entrance-skip svg{width:16px}.entrance-copy{top:16%;left:27px;right:27px}.entrance-copy>.eyebrow{font-size:8px}.entrance-copy h2{font-size:70px;line-height:.91;margin:20px 0 16px}.entrance-copy p{font-size:11px;line-height:1.8;max-width:190px}.entrance-art{width:100%;height:53%;top:auto;bottom:10%;right:0}.entrance-sculpture{width:clamp(200px,49vw,285px);left:59%;top:50%;transform:translate(-50%,-50%) rotateX(-4deg) rotateY(-9deg)}.entrance-floor{left:17%;right:4%;height:20%;bottom:-4%}.entrance-shadow{left:40%;right:17%;bottom:5%;height:6%}.entrance-ring{inset:0 15% 0 28%;opacity:.6}.entrance-bottom{left:24px;right:24px;bottom:25px;padding-top:14px;gap:20px;align-items:start}.entrance-bottom>span{font-size:7px;letter-spacing:.1em;max-width:180px;line-height:1.8}.entrance-bottom button{font-size:9px;padding-top:0;white-space:nowrap}.brand-entrance.is-finishing .entrance-sculpture{transform:translate(-50%,-50%) rotateY(0) scale(1.05)}}
@media(max-width:370px){.hero h1{font-size:56px}.hero-copy{left:22px;right:22px}.hero-ctas{top:620px}.hero-copy>p:not(.eyebrow){font-size:11px;max-width:240px}.hero-detail{font-size:6px;right:12px;max-width:58px}.hero-explore{right:13px}.experience-card{flex-basis:91%;padding:21px}.experience-card h2{font-size:38px}.mini-bank span{font-size:31px}.experience-personal .small-link{left:21px}.section-heading h2{font-size:33px}.product-info h3,.product-info button{font-size:19px}.product-bank-name,.home-products .product-bank-name{font-size:21px}.filter-tabs button{font-size:9px;padding-inline:8px}.studio-panel{padding-inline:18px}.studio-choice img{width:51px;height:45px}.studio-choice>span{font-size:9px}.studio-panel h2{font-size:30px}.studio-options{gap:5px}.swatches{gap:12px}.personal-panel h2{font-size:35px}.personal-panel{padding-inline:19px}.personal-scene{min-height:285px}.page-intro h1{font-size:45px}.page-intro{padding-inline:22px}.contact-intro h1{font-size:42px}.form-stage{height:260px}.texture-window{height:300px}.texture-lens{width:130px;height:130px}.footer-invitation>a{font-size:49px}.entrance-copy h2{font-size:62px}.entrance-copy{top:16%;left:25px}.entrance-art{height:49%;bottom:12%}.entrance-sculpture{width:195px}.entrance-bottom>span{max-width:150px;font-size:6px}.entrance-bottom button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-entrance{display:none!important}.hero-revealing .hero-copy,.hero-revealing .hero-product-wrap,.hero-revealing .hero-selector{opacity:1!important}.hero-entered .hero-copy,.hero-entered .hero-product-wrap,.hero-entered .hero-selector{animation:none!important}.form-stage canvas,.product-image,.reading-progress>span{transition:none!important}.product-image{transform:none!important}.experience-grid{scroll-behavior:auto}.process-scroll-stage{height:auto}.process-scroll-stage .process-hero{position:relative;top:0}}
.brand-entrance.is-held .entrance-slice{opacity:1!important}
.brand-entrance.is-held .entrance-slice{transform:translate3d(0,0,0)!important}