/* Motion follows the photographs. The photographs remain the pieces. */
@view-transition{navigation:auto}::view-transition-old(root){animation:exit-view .22s ease both}::view-transition-new(root){animation:enter-view .45s cubic-bezier(.16,1,.3,1) both}@keyframes exit-view{to{opacity:0;transform:translateY(-8px)}}@keyframes enter-view{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-slide:cubic-bezier(.76,0,.24,1)}body{overflow-x:clip}h1,h2{letter-spacing:-.04em}.eyebrow{letter-spacing:.16em}p{max-width:100%;text-wrap:pretty}.button{min-height:50px;font-size:14px;transition:background .35s,color .35s,border-color .35s,transform .45s var(--ease-out)}.button:hover{transform:translateY(-2px)}.text-link{font-size:14px}.optional{font-size:12px;color:#777;font-weight:normal}.section-heading>p{max-width:270px}.reading-progress{background:#7b7b7b}
/* A fan of real creations opens as the visitor scrolls. */
.kinetic-hero{overflow:clip}.motion-on .kinetic-hero{height:185svh;overflow:visible}.kinetic-hero .hero-stage,.motion-on .kinetic-hero .hero-stage{height:calc(100svh - 15px);min-height:700px;perspective:1200px;isolation:isolate}.kinetic-hero .hero-opening{inset:24% auto auto 6%;width:55%}.kinetic-hero .hero-wordmark{font-size:clamp(3.6rem,5.25vw,6.6rem);line-height:1.15}.kinetic-hero .hero-tagline{font-size:16px;max-width:390px}.hero-fan{position:absolute;inset:20% 0 26%;z-index:1;pointer-events:none;overflow:visible}.fan-piece{position:absolute;left:50%;top:0;width:clamp(220px,24vw,390px);height:100%;transform:translate3d(calc(-50% + var(--fan-x,30vw)),var(--fan-y,0px),0) rotate(var(--fan-r,0deg)) scale(var(--fan-s,1));transform-origin:50% 65%;opacity:var(--fan-alpha,0);will-change:transform,opacity;backface-visibility:hidden}.fan-piece[data-side="0"]{z-index:5;--fan-alpha:1}.fan-piece[data-side="-1"],.fan-piece[data-side="1"]{z-index:3}.fan-piece[data-side="-2"],.fan-piece[data-side="2"]{z-index:2}.fan-piece .photo{height:100%;background:transparent;border:0;border-radius:0;overflow:visible}.fan-piece img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 14px #00000012)}.kinetic-hero .hero-stage{overflow:hidden}.kinetic-hero .hero-reprise{inset:12% 5% auto;width:90%;text-align:center;z-index:4}.kinetic-hero .hero-reprise h2{font-size:clamp(2.8rem,4vw,4.5rem);margin-top:16px;line-height:1.12}.kinetic-hero .hero-fixed-actions{bottom:16%;z-index:5;transform:translateY(var(--hero-action-y,0px));opacity:var(--hero-action-alpha,1)}.kinetic-hero .scroll-invitation{bottom:32px;font-size:14px}.kinetic-hero .hero-note{font-size:12px}.kinetic-hero .hero-wordmark>span{will-change:transform}.intro h2{font-size:clamp(2.8rem,4.9vw,5.5rem);line-height:1.17}.intro>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:640px}.motion-on .word-light{color:#b0b0b0}.motion-on .word-light.lit{color:#111}
/* From a close view of the weave to the whole piece, through an expanding mask. */
.focus-story{background:#090909;color:#fff}.focus-stage{position:relative;overflow:hidden;isolation:isolate;padding:60px 6%;min-height:850px}.focus-frame{height:650px;background:#fff;position:relative;overflow:hidden}.focus-photo{height:100%;background:#fff}.focus-photo img{object-fit:contain}.focus-copy{position:relative;margin:35px 0}.focus-copy h2{font-size:clamp(3.3rem,5.2vw,6rem);line-height:1.15;margin:18px 0}.focus-copy .eyebrow{color:#bbb}.focus-copy em{color:#999}.focus-last{color:#fff}.focus-last .button{border-color:#ddd;color:#fff}.focus-caption{font-size:12px;letter-spacing:.04em;color:#aaa}.motion-on .focus-story{height:220svh}.motion-on .focus-stage{position:sticky;top:0;min-height:650px;height:100svh;padding:0}.motion-on .focus-frame{position:absolute;inset:0;height:auto;clip-path:circle(var(--focus-radius,18vmax) at 50% 50%);will-change:clip-path;transform:translateZ(0)}.motion-on .focus-photo{width:100%;height:100%}.motion-on .focus-photo img{width:72%;height:100%;transform-origin:55% 65%;transform:translateX(var(--focus-x,15vw)) scale(var(--focus-zoom,1.8));will-change:transform}.motion-on .focus-copy{position:absolute;inset:18% auto auto 6%;width:45%;margin:0;will-change:transform,opacity}.motion-on .focus-first{opacity:var(--focus-first,1);transform:translateY(var(--focus-first-y,0px))}.motion-on .focus-first h2{font-size:clamp(2.8rem,4.5vw,5rem)}.motion-on .focus-last{inset:28% 6% auto auto;width:42%;opacity:var(--focus-last,0);transform:translateY(var(--focus-last-y,35px));color:#111}.motion-on .focus-last .eyebrow{color:#777}.motion-on .focus-last em{color:#777}.motion-on .focus-last .button{color:#111;border-color:#111;margin-top:20px}.motion-on .focus-last .button:hover{color:#fff}.motion-on .focus-caption{position:absolute;bottom:35px;left:6%;color:var(--focus-label,#aaa);z-index:3}
/* A tactile row, with native touch scrolling and an image for every style. */
.style-explorer{padding-left:6%;padding-right:0;max-width:none;overflow:hidden}.style-explorer .section-heading{padding-right:6%;margin-bottom:45px}.style-explorer h2{font-size:clamp(2.7rem,4.5vw,4.8rem)}.rail-hint{font-size:13px;color:#777;padding-bottom:5px}.style-rail{display:flex;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:10px 6vw 28px 0;scrollbar-width:thin;scrollbar-color:#bbb transparent;overscroll-behavior-x:contain}.style-card{flex:0 0 280px;scroll-snap-align:start;display:block;transition:transform .5s var(--ease-out);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:auto}.style-card .photo{aspect-ratio:4/5;border:1px solid #eee;background:#fff;overflow:hidden}.style-card img{object-fit:contain;transition:transform 1s var(--ease-out);filter:none}.style-card:hover img{transform:scale(1.055)}.style-card>.eyebrow{display:block;margin:23px 0 12px;color:#777;font-size:11px}.style-card h3{font-size:33px;line-height:1.2;margin-bottom:12px}.style-card>p{font-size:14px;line-height:1.65}.creation-grid{gap:45px 30px}.creation-card{transition:opacity .5s;min-width:0}.card-picture{position:relative;overflow:hidden}.creation-card .card-picture .photo{aspect-ratio:4/5}.card-alternate{position:absolute!important;inset:0;opacity:0;transition:opacity .6s var(--ease-out)}.creation-card:hover .card-alternate{opacity:1}.creation-card h3{font-size:27px;line-height:1.3}.creation-meta{font-size:12px}.creation-card .text-link{font-size:14px;min-height:36px}.exhibition .section-heading h2{font-size:clamp(2.7rem,4.5vw,4.8rem)}
/* Portraits show the real headpieces in context. */
.tiara-editorial{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding:110px 6%;background:#f2f2f2;overflow:clip}.tiara-portraits{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.tiara-image{overflow:hidden;transform:translateY(var(--portrait-y,0px));will-change:transform}.tiara-image:first-child{margin-bottom:55px}.tiara-image:last-child{margin-top:55px}.tiara-image .photo{aspect-ratio:2/3;background:#eee}.tiara-image img{object-fit:cover;object-position:center;filter:none;transform:scale(var(--portrait-s,1));will-change:transform}.tiara-copy h2{font-size:clamp(2.8rem,4.4vw,4.8rem);margin:24px 0;line-height:1.17}.tiara-copy>p:not(.eyebrow){max-width:430px;line-height:1.85;margin-bottom:30px}.brand-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:110px;padding-bottom:110px}.brand-hoop .photo{height:600px;overflow:hidden}.brand-hoop img{object-fit:contain;filter:none;transform:rotate(var(--brand-rotate,0deg));will-change:transform}.brand-story h2{font-size:clamp(2.9rem,4.4vw,4.8rem);margin:22px 0 28px}.brand-story>div>p:not(.eyebrow){line-height:1.85;margin-bottom:30px;max-width:470px}.brand-story .eyebrow{max-width:390px;line-height:1.8;font-size:11px}
/* Gallery taxonomy: type first, then the way a bag is carried or made. */
.gallery-controls{margin-bottom:32px}.family-filters{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:18px}.family-filters button{border:1px solid #ddd;padding:12px 22px;background:#fff;color:#555;font-size:14px;min-height:48px;transition:background .35s,color .35s,border-color .35s}.family-filters button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.style-filters{display:flex;gap:7px 24px;flex-wrap:wrap;padding:17px 0 10px}.style-filters button{border:0;border-bottom:1px solid transparent;padding:8px 0;background:none;color:#777;font-size:14px;min-height:42px;transition:color .3s,border-color .3s}.style-filters button[aria-pressed=true]{color:#111;border-color:#111}.gallery-status{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:10px 0}.gallery-status>#result-count{margin:0;font-size:13px}.gallery-status>button{font-size:13px;padding:8px 0;border:0;background:none;color:#555;border-bottom:1px solid #bbb;min-height:40px}.gallery-section .page-intro{margin-bottom:0}#gallery-empty{text-align:center;padding:80px 0}#gallery-empty h2{font-size:3.5rem}#gallery-empty p{margin:22px 0}.creation-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.creation-tags>span{font:12px/1.5 var(--sans);border:1px solid #ddd;padding:5px 9px;color:#666}.photo-thumbnails{gap:12px;flex-wrap:wrap;justify-content:flex-start;border-bottom:0;margin-top:16px}.photo-thumbnails button{width:88px;padding:0 0 9px;border:1px solid #ddd;font-size:11px;line-height:1.4;min-height:100px;transition:border-color .3s,transform .4s}.photo-thumbnails button[aria-pressed=true]{border:1px solid #111}.photo-thumbnails button:hover{transform:translateY(-2px)}.photo-thumbnails img{display:block;width:100%;height:80px;object-fit:contain;margin-bottom:6px}.photo-thumbnails button>span{padding:0 3px;display:block}.photo-caption{font-size:12px}.detail-photo img{transition:opacity .35s,transform .8s var(--ease-out)}
/* A small, guided conversation for personalised requests. */
.guided-inquiry{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;text-align:left;background:#f5f5f5;padding:75px 6%;max-width:none}.inquiry-visual{position:sticky;top:110px;align-self:start}.inquiry-visual .photo{height:530px;background:#fff}.inquiry-visual img{object-fit:contain}.inquiry-visual>p{font:24px/1.4 var(--serif);margin-top:25px;color:#777}.inquiry-flow{max-width:620px;min-width:0}.inquiry-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-bottom:1px solid #ddd;margin-bottom:38px}.inquiry-progress button{padding:12px 0 17px;background:none;border:0;border-bottom:2px solid transparent;color:#aaa;display:flex;gap:9px;font-size:13px;min-height:50px;text-align:left}.inquiry-progress button[aria-current=step]{color:#111;border-bottom-color:#111}.inquiry-progress span{font-size:12px}.inquiry-panel{margin:0}.inquiry-panel h2{font-size:clamp(2.6rem,3.7vw,4rem);margin:18px 0 25px}.inquiry-panel .eyebrow{font-size:11px}.guided-inquiry label{font-size:14px;text-align:left}.guided-inquiry input,.guided-inquiry select,.guided-inquiry textarea{font:16px/1.65 var(--sans);width:100%;border:1px solid #bbb;background:#fff;padding:13px 14px;color:#111;border-radius:0;transition:border-color .3s,box-shadow .3s}.guided-inquiry input:focus,.guided-inquiry select:focus,.guided-inquiry textarea:focus{border-color:#111;outline:2px solid #777;outline-offset:3px}.flow-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:22px 0 10px}.flow-actions .button{margin:0}.flow-back{font-size:13px;color:#666;border:0;background:none;min-height:44px;padding:6px 0;border-bottom:1px solid #aaa}.guided-on .inquiry-panel{display:none}.guided-on .inquiry-panel[data-current=true]{display:block;animation:flow-enter .65s var(--ease-out) both}.guided-on .inquiry-panel[data-current=true][hidden]{display:none}.inquiry-panel #copy-status{font-size:14px;line-height:1.7;margin-top:20px}.inquiry-panel .small{font-size:13px;line-height:1.8}.inquiry-panel>button:last-child{margin-top:25px}@keyframes flow-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* More deliberate entrance rhythm and a calmer menu close. */
.motion-on .motion-reveal{transform:translateY(30px);transition-duration:1.15s,1.25s;transition-timing-function:var(--ease-out)}.motion-on .motion-reveal.is-visible{transform:translateY(0)}.menu-inner>a{font-size:clamp(2.5rem,4.5vw,4.2rem)}.menu-open #nav .menu-inner>a{transition-delay:calc(130ms + var(--order)*75ms)}.menu-inner>a:hover{transform:translateX(10px)!important;color:#555}.menu-inner>a>small{transition:transform .4s}.menu-inner>a:hover>small{transform:translateX(-4px)}.menu-bottom .motion-control{transition:border-color .3s}.menu-bottom .motion-control:hover{background:#f6f6f6;border-color:#777}.menu-inner .menu-slogan{opacity:.8}.footer-links a{transition:transform .4s,color .4s}.footer-links a:hover{transform:translateX(4px);color:#666}.custom-block>.custom-copy{padding-top:70px;padding-bottom:70px}.custom-copy h2{font-size:clamp(2.8rem,4.2vw,4.6rem)}.process h2{font-size:clamp(2.8rem,4.4vw,4.8rem)}.steps p{font-size:15px;line-height:1.8}.steps h3{font-size:26px}.instagram h2{font-size:clamp(2.8rem,4.5vw,4.7rem)}.instagram>.button{margin-top:30px}.contact-editorial h2{font-family:var(--sans)}
@media(max-width:1100px){.kinetic-hero .hero-wordmark{font-size:5.3vw}.kinetic-hero .hero-fixed-actions{flex-direction:column;bottom:17%;align-items:start}.fan-piece{width:26vw}.hero-fan{top:24%;bottom:25%}.style-card{flex-basis:250px}.tiara-editorial{gap:6%;padding:85px 5%}.tiara-portraits{gap:15px}.tiara-copy h2{font-size:3.1rem}.brand-hoop .photo{height:480px}.guided-inquiry{gap:6%}.inquiry-visual .photo{height:430px}}
@media(max-width:700px){.section{padding-top:65px;padding-bottom:65px}.motion-on .kinetic-hero{height:167svh}.kinetic-hero .hero-stage,.motion-on .kinetic-hero .hero-stage{height:calc(100svh - 16px);min-height:640px}.kinetic-hero .hero-opening{inset:98px 5% auto;width:90%;text-align:center}.kinetic-hero .hero-wordmark{font-size:clamp(2.5rem,9.2vw,4rem);margin-top:18px;line-height:1.16}.kinetic-hero .hero-tagline{font-size:13px;line-height:1.5;margin:15px auto 0;max-width:330px}.kinetic-hero .hero-tagline br{display:none}.hero-fan{inset:42% 0 21%}.fan-piece{width:48vw;height:100%;max-width:300px;--fan-x:0px}.kinetic-hero .hero-reprise{inset:108px 5% auto;width:90%}.kinetic-hero .hero-reprise h2{font-size:clamp(2.25rem,8.5vw,3.5rem);line-height:1.13}.kinetic-hero .hero-reprise .eyebrow{font-size:9px}.kinetic-hero .hero-fixed-actions{flex-direction:row;justify-content:center;left:5%;right:5%;bottom:13%;gap:9px}.kinetic-hero .hero-fixed-actions .button{font-size:12px;padding:10px 13px;min-height:45px;width:auto}.kinetic-hero .scroll-invitation{bottom:17px;font-size:13px}.kinetic-hero .scroll-invitation small{font-size:10px}.intro h2{font-size:2.6rem;line-height:1.2}.intro>p:not(.eyebrow){font-size:15px;line-height:1.85}.focus-stage{min-height:0;padding:50px 6%}.focus-frame{height:430px}.focus-copy h2{font-size:2.8rem}.motion-on .focus-story{height:192svh}.motion-on .focus-stage{height:100svh;min-height:600px;padding:0}.motion-on .focus-frame{height:auto}.motion-on .focus-photo img{width:100%;height:80%;margin-top:55px;object-fit:contain;transform-origin:center 60%}.motion-on .focus-first{inset:17% 6% auto;width:88%;text-align:center}.motion-on .focus-first h2{font-size:2.5rem;line-height:1.15}.motion-on .focus-first .eyebrow{font-size:10px}.motion-on .focus-last{inset:auto 6% 12%;width:88%;text-align:center}.motion-on .focus-last h2{font-size:2.4rem;margin:10px 0;line-height:1.12}.motion-on .focus-last .eyebrow{font-size:9px}.motion-on .focus-last .button{margin-top:12px;font-size:12px;min-height:43px;padding:10px 16px}.motion-on .focus-caption{bottom:20px;left:6%;right:6%;text-align:center;font-size:10px}.style-explorer{padding-right:0}.style-explorer .section-heading h2{font-size:2.7rem}.style-explorer .section-heading{margin-bottom:30px}.rail-hint{font-size:12px}.style-rail{gap:16px;padding-bottom:25px}.style-card{flex-basis:225px}.style-card h3{font-size:30px}.style-card>p{font-size:14px}.creation-grid{gap:35px 17px}.creation-card h3{font-size:22px;margin-top:10px}.creation-meta{font-size:11px;gap:4px}.creation-card .text-link{font-size:13px;min-height:36px}.card-alternate{display:none}.exhibition .section-heading h2{font-size:2.7rem}.tiara-editorial{grid-template-columns:1fr;gap:35px;padding:65px 6%}.tiara-portraits{gap:14px}.tiara-image:first-child{margin-bottom:35px}.tiara-image:last-child{margin-top:35px}.tiara-copy h2{font-size:2.8rem;margin:18px 0 20px}.tiara-copy>p:not(.eyebrow){font-size:15px;margin-bottom:25px}.brand-story{grid-template-columns:1fr;gap:35px;padding:65px 6%}.brand-hoop .photo{height:380px}.brand-story h2{font-size:2.8rem}.brand-story>div>p:not(.eyebrow){font-size:15px}.brand-story .eyebrow{font-size:10px}.gallery-section{padding-top:12px}.family-filters{gap:7px;padding-bottom:15px}.family-filters button{font-size:12px;padding:11px 12px;min-height:44px}.style-filters{gap:5px 19px;padding-top:15px}.style-filters button{font-size:13px;min-height:40px}.gallery-status>#result-count{font-size:12px}.gallery-status>button{font-size:12px}.page-intro h1{font-size:3rem;line-height:1.18}.photo-thumbnails{gap:8px}.photo-thumbnails button{width:76px;font-size:10px;min-height:90px}.photo-thumbnails img{height:66px}.creation-tags>span{font-size:11px}.guided-inquiry{grid-template-columns:1fr;padding:40px 6% 65px;gap:35px}.inquiry-visual{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.inquiry-visual .photo{height:220px}.inquiry-visual>p{font-size:21px;margin:0;line-height:1.5}.inquiry-flow{max-width:none}.inquiry-progress{margin-bottom:30px;gap:10px}.inquiry-progress button{font-size:12px;gap:7px}.inquiry-progress span{font-size:11px}.inquiry-panel h2{font-size:2.7rem;margin:18px 0 20px}.guided-inquiry label{font-size:14px}.guided-inquiry .flow-actions .button{width:auto;flex:1;font-size:13px;margin:0;padding:12px 15px}.flow-actions{gap:15px}.flow-back{font-size:13px}.guided-inquiry .small{font-size:12px}.inquiry-panel>button:last-child{width:100%}.menu-inner>a{font-size:2.5rem}.custom-block>.custom-copy{padding:45px 6% 55px}.custom-copy h2{font-size:2.8rem}.steps h3{font-size:25px}.steps p{font-size:14px}.process h2{font-size:2.8rem}.instagram h2{font-size:2.8rem}}
@media(max-height:680px) and (max-width:700px){.kinetic-hero .hero-opening{top:88px}.kinetic-hero .hero-wordmark{font-size:8.7vw}.kinetic-hero .hero-tagline{font-size:12px}.hero-fan{top:41%}.motion-on .focus-first{top:16%}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.fan-piece,.tiara-image,.brand-hoop img{will-change:auto}.style-card{transform:none!important}.inquiry-panel{animation:none!important}}
.motion-paused .fan-piece{will-change:auto}.motion-paused .focus-stage{position:relative}.motion-paused .focus-last{color:#fff}.motion-paused .focus-last .button{color:#fff}.motion-paused .tiara-image{transform:none}.motion-paused .brand-hoop img{transform:none}.motion-paused .style-card{transform:none}.motion-paused .inquiry-panel{animation:none}

/* Static and reduced-motion views keep the single front bag without hidden movement. */
.motion-paused .fan-piece:not([data-side="0"]){opacity:0}

/* Discreet author credit; original outlined logo keeps its own brand typography. */
.fc-credit{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:26px;color:#676767;font:400 .75rem/1.5 var(--sans)}
.fc-credit img{display:block;width:112px;height:auto;max-width:100%;flex:none}
/* Shared social links and internal-page navigation. */
.social-icon{display:inline-block;width:21px;height:21px;flex:0 0 21px;vertical-align:middle;margin-right:9px}
a:has(>.social-icon){display:inline-flex;align-items:center;justify-content:center;gap:0}
.footer-links a:has(>.social-icon),.menu-bottom a:has(>.social-icon){justify-content:flex-start;min-height:44px}
.menu-bottom{flex-wrap:wrap;gap:8px 24px}.menu-bottom .motion-control{flex-shrink:0}
.contact-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0}
.contact-socials .button{margin:0}
.page-back{padding:18px 6.5% 0;max-width:1600px;margin:auto}
.page-back>a{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;border-bottom:1px solid #ddd;transition:border-color .2s}
.page-back>a:hover{border-color:#111}.page-back+.page-intro{padding-top:30px}
.page-back+.breadcrumbs{padding-top:20px}
@media(max-width:700px){.page-back{padding:12px 6% 0}.page-back+.page-intro{padding-top:24px}.menu-bottom{gap:4px 20px}.menu-bottom a:has(>.social-icon){font-size:13px}.contact-socials{gap:10px}.contact-socials .button{padding:12px 16px}}