.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0;direction:ltr}
body>header .language-toggle{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:7px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .2s,transform .2s}
.language-toggle svg{width:22px;height:22px}.language-toggle:hover{background:#8882;transform:rotate(12deg)}.language-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.language-menu{position:fixed;right:3%;z-index:1200;width:200px;max-height:calc(100dvh - var(--pinned-header-height,90px) - 24px);overflow:auto;padding:10px;background:#252035;color:#f5f2e9;box-shadow:0 14px 40px #0005;border:1px solid #ffffff26;border-radius:18px}
.language-menu[hidden]{display:none}.language-menu button{display:block;width:100%;padding:12px 16px;text-align:start;font:500 15px/1.4 system-ui,sans-serif;background:none;border:0;border-radius:9px;color:inherit;cursor:pointer}.language-menu button:hover,.language-menu button:focus-visible{background:#ffffff15;outline:none}.language-menu button[aria-pressed=true]{background:#98decf;color:#141414;font-weight:750}
html:not([lang=en]) body{font-family:Arial,system-ui,sans-serif}html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{font-family:Arial,system-ui,sans-serif;letter-spacing:-.035em;line-height:1.18;overflow-wrap:anywhere}
html:not([lang=en]) .kinetic-word,html:not([lang=en]) .k-motion-word{white-space:normal}html:is([lang=ar],[lang=hi]) :is(h1,h2,h3,p,a,button){letter-spacing:normal!important;line-height:1.45}html:is([lang=ko],[lang=zh],[lang=ja]) :is(h1,h2,h3){word-break:keep-all;line-height:1.3}html:not([lang=en]) :is(.text-chip,.paint-chip,.f-chip){box-decoration-break:clone;-webkit-box-decoration-break:clone}
html:not([lang=en]) :is(.story-line,.service-next>a>span){overflow-wrap:anywhere}html[dir=rtl] body>header{direction:ltr}html[dir=rtl] main{direction:rtl}html[dir=rtl] :is(.ip-menu,.family-parade,.map-viewport,.appearance-list,.team-tabs,.cast,.look-tabs){direction:ltr}html[dir=rtl] :is(input[type=email],.contact-addresses strong){direction:ltr;unicode-bidi:embed}html[dir=rtl] .service-intro>p,html[dir=rtl] .contact-fields{text-align:right}
@media(max-width:1100px){html:not([lang=en]) body>header>nav{display:none}}
@media(max-width:600px){.header-actions{gap:9px}body>header{gap:10px!important}.language-menu{right:5%}body>header .language-toggle{width:32px;height:32px;flex-basis:32px;padding:5px}body>header .collection-toggle{font-size:10px;gap:5px}.header-actions .collection-toggle>b{display:none}body>header .official-wordmark{width:130px}.service-header img{width:135px}.header-actions>a{font-size:10px}html:not([lang=en]) .story-line strong{font-size:clamp(24px,6vw,40px)}html:not([lang=en]) :is(.service-hero h1,.f-hero h1,.k-hero h1,.hero h1){font-size:clamp(40px,10vw,70px)}}
@media(prefers-reduced-motion:reduce){.language-toggle{transition:none}}
/* Translated taglines can be much longer than the original single-line lockup. */
html:not([lang=en]) body{overflow-x:clip}
html:not([lang=en]) .story-line{display:grid;grid-template-columns:auto auto;justify-content:center;max-width:100%;white-space:normal;row-gap:6px}
html:not([lang=en]) .story-line .story-tagline{grid-column:1/-1;grid-row:1;font-size:clamp(13px,1.3vw,19px);line-height:1.4;text-align:center;letter-spacing:0}
html:not([lang=en]) .story-line .icon-slot{grid-column:1;grid-row:2}
html:not([lang=en]) .story-line strong{grid-column:2;grid-row:2;font-size:inherit;white-space:nowrap}
html:not([lang=en]) .story-link-arrow{display:none}
@media(max-width:600px){html:not([lang=en]) .story-line{font-size:6vw}html:not([lang=en]) .story-lines{gap:18px}html:not([lang=en]) .story-line .story-tagline{font-size:13px}html:not([lang=en]) .story-eyebrow{font-size:clamp(18px,5vw,24px)}}
html:not([lang=en]) .text-chip{white-space:normal;max-width:100%;overflow-wrap:anywhere}
html:not([lang=en]) .kinetic-word{max-width:100%}
html:not([lang=en]) .intro .kinetic-word{translate:none!important;rotate:none!important}
/* A compact pair of tactile controls, shared by every page. */
body>header .header-actions{gap:8px;--menu-ink:#252035;--menu-mint:#9fe3d9;--menu-pink:#ed83b5}
body>header .header-actions .collection-toggle,
body>header .header-actions>a,
body>header .header-actions .language-toggle{height:44px;border:0;box-sizing:border-box;box-shadow:0 3px 0 #25203520;transition:transform .35s cubic-bezier(.2,.8,.2,1.4),background .25s,color .25s,box-shadow .25s;}
body>header .header-actions .collection-toggle,
body>header .header-actions>a{display:flex;align-items:center;gap:10px;padding:0 13px 0 18px;border-radius:30px;background:var(--menu-ink);color:#fffaf3;font:700 12px/1.2 Arial,sans-serif;letter-spacing:.025em;text-decoration:none;white-space:nowrap}
body>header .header-actions .collection-toggle>span{width:25px;height:25px;flex:0 0 25px;border:0;border-radius:50%;background:var(--menu-mint);color:var(--menu-ink);font:800 11px/1 Arial,sans-serif;transition:transform .4s cubic-bezier(.2,.8,.2,1.4),background .25s}
body>header .header-actions .collection-toggle>b{display:none}
body>header .header-actions .collection-toggle::after{content:'';width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform .3s;margin:0 3px 0 1px}
body>header .header-actions .language-toggle{width:44px;flex-basis:44px;padding:11px;border-radius:50%;background:var(--menu-pink);color:var(--menu-ink)}
body>header .language-toggle svg{width:22px;height:22px;transition:transform .55s cubic-bezier(.2,.8,.2,1.2)}
body>header .header-actions .collection-toggle[aria-expanded=true]{background:var(--menu-mint);color:var(--menu-ink)}
body>header .header-actions .collection-toggle[aria-expanded=true]>span{background:var(--menu-ink);color:var(--menu-mint);transform:rotate(-12deg)}
body>header .header-actions .collection-toggle[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}
body>header .header-actions .language-toggle[aria-expanded=true]{background:var(--menu-ink);color:var(--menu-pink)}
body>header .language-toggle[aria-expanded=true] svg{transform:rotate(25deg)}
@media(hover:hover){body>header .header-actions :is(.collection-toggle,.language-toggle,a):hover{transform:translateY(-3px);box-shadow:0 6px 0 #25203520}body>header .collection-toggle:hover>span{transform:rotate(-12deg)}body>header .language-toggle:hover svg{transform:rotate(25deg)}}
body>header .header-actions :is(.collection-toggle,.language-toggle,a):active{transform:translateY(1px) scale(.95);box-shadow:0 1px 0 #25203520}
body>header .header-actions :is(button,a):focus-visible{outline:3px solid #ed83b5;outline-offset:4px}
.ip-menu,.language-menu{border-radius:24px;border:1px solid #ffffff26;box-shadow:0 18px 45px #25203535;transform-origin:top right}
.ip-menu:not([hidden]),.language-menu:not([hidden]){animation:menu-unfold .32s cubic-bezier(.2,.8,.2,1) both}
.ip-menu{padding:18px!important}.ip-menu>p{margin:6px 12px 14px}.ip-menu>a{padding:8px 12px!important;min-height:80px;border-radius:16px;transition:background .2s,transform .25s}
.ip-menu>a:hover{background:#ffffff0d;transform:translateX(3px)}
.ip-menu:not([hidden])>a,.language-menu:not([hidden])>button{animation:menu-item-in .3s ease both;animation-delay:calc(var(--menu-item,0)*25ms + 40ms)}
.language-menu{width:224px;padding:9px}.language-menu button{position:relative;padding:12px 18px;border-radius:15px;transition:background .2s,transform .2s}.language-menu button:active{transform:scale(.97)}
.language-menu button[aria-pressed=true]::after{content:'';position:absolute;right:16px;top:19px;width:7px;height:4px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}
.language-menu button[dir=rtl]{text-align:left;direction:ltr}
@keyframes menu-unfold{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes menu-item-in{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(max-width:600px){body>header .header-actions{gap:7px}body>header .header-actions .collection-toggle,body>header .header-actions>a{height:40px;gap:7px;padding:0 10px 0 13px;font-size:10px;letter-spacing:0}body>header .header-actions .collection-toggle>span{width:22px;height:22px;flex-basis:22px;font-size:10px}body>header .header-actions .language-toggle{width:40px;height:40px;flex-basis:40px;padding:10px}body>header .language-toggle svg{width:20px;height:20px}body>header .official-wordmark{width:clamp(100px,30vw,130px)}.ip-menu,.language-menu{border-radius:20px}}
@media(prefers-reduced-motion:reduce){body>header .header-actions *,body>header .header-actions *::after,.ip-menu,.ip-menu>a,.language-menu,.language-menu button{animation:none!important;transition:none!important}}
.ip-menu>a:nth-of-type(2){--menu-item:1}.ip-menu>a:nth-of-type(3){--menu-item:2}.ip-menu>a:nth-of-type(4){--menu-item:3}

/* Icon-only IP collection control. */
body>header .header-actions .collection-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:11px;border-radius:50%;color:#9fe3d9}
body>header .header-actions .collection-toggle::after{display:none}
.collection-icon{display:block;width:22px;height:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1.4)}
.collection-toggle[aria-expanded=true] .collection-icon{transform:rotate(90deg)}
@media(hover:hover){.collection-toggle:hover .collection-icon{transform:rotate(-8deg)}.collection-toggle[aria-expanded=true]:hover .collection-icon{transform:rotate(90deg)}}
@media(max-width:600px){body>header .header-actions .collection-toggle{width:40px;min-width:40px;height:40px;padding:10px}.collection-icon{width:20px;height:20px}}

/* Let the pencil study read as ink on the white gallery surface. */
.k-sketch .visual-frame:first-child{background:#fff;border:0;aspect-ratio:auto}
.k-sketch .visual-frame:first-child img,.visual-dialog img[src*="type-study"]{filter:grayscale(1) contrast(1.12) brightness(1.04)}
.k-sketch .visual-frame:first-child:hover img{filter:grayscale(1) contrast(1.12) brightness(1.04)}
.visual-dialog:has(img[src*="type-study"]){background:#fff}
@media(min-width:701px){.k-type .k-sketch{grid-template-columns:1.25fr 1fr 1fr}}
@media(max-width:700px){.k-type .k-sketch{padding:22px 3%;row-gap:12px}.k-sketch .visual-frame:first-child{max-width:100%;width:100%;margin:0 auto}.k-sketch .visual-frame:first-child img{width:100%;height:auto}}