:root{--paper:#fff;--ink:#000;--muted:#626262;--font-body:Arial,Helvetica,sans-serif;--font-display:"Helvetica Neue",Helvetica,Arial,sans-serif;--gutter:clamp(28px,6.944vw,140px);--preview-duration:150ms;--preview-left:50vw;--preview-top:48.2vh;--preview-width:32.36vw;--preview-height:75.3vh;--preview-fit:cover;--cursor-duration:200ms;--cursor-size:11px}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);scrollbar-color:var(--ink) var(--paper);scrollbar-width:none}
html::-webkit-scrollbar{width:0;height:0}
body{margin:0;min-width:280px;font-family:var(--font-body);color:inherit;background:transparent;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:200;top:12px;left:12px;background:var(--ink);color:var(--paper);padding:14px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:50;left:var(--gutter);right:var(--gutter);top:clamp(30px,6.56svh,66px);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.site-header a{pointer-events:auto}.wordmark{transform:translateY(9px);display:inline-flex;align-items:center;gap:10px;min-height:30px;font-size:20px;letter-spacing:-.9px;line-height:1}.wordmark>span:last-child{transform:translateY(2px)}.brand-dot{display:block;width:29px;height:29px;border-radius:50%;background:currentColor;flex:none}.main-nav{display:flex;flex-direction:column;align-items:flex-end;font-size:20px;line-height:.9;letter-spacing:-.7px}.main-nav a{transition:opacity .15s}.main-nav a:hover{opacity:.65}.main-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.hero{position:relative;height:100svh;min-height:780px;max-width:1920px;margin:0 auto;background:transparent;isolation:isolate}.skill-list{list-style:none;padding:0;margin:0}.skill{position:absolute;z-index:1}.skill.is-active{z-index:3}.skill-trigger{position:relative;display:block;margin:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.skill-title{display:block;font-family:var(--font-display);font-size:clamp(38px,3.82vw,73.3px);font-weight:400;line-height:1.04;letter-spacing:-.045em;white-space:nowrap}.skill-number{position:absolute;pointer-events:none;right:calc(100% + 24px);top:.8em;font-size:clamp(20px,1.8vw,30px);font-weight:400;line-height:1;letter-spacing:-.07em}.skill-branding{left:33.96%;top:24.89%}.skill-direction{left:50.76%;top:33.22%}.skill-direction .skill-number{right:calc(100% + 14px)}.skill-identity{left:24.86%;top:44.44%}.skill-identity .skill-number{right:calc(100% + 5.69vw);top:3.12em}.skill-motion{left:50.76%;top:42.22%}.skill-motion .skill-number{right:calc(100% + 14px)}.skill-type{left:50.76%;top:51.56%}.skill-type .skill-number{right:calc(100% + 14px)}.skill-campaign{left:6.944%;top:62.22%}.skill-campaign .skill-number{right:auto;left:calc(100% + 8.125vw);top:.1em}.skill-ai{left:54.03%;top:72.22%}.skill-ai .skill-number{right:auto;left:clamp(-714px,-37.15vw,-297px);top:.9em}
.hero-signoff{position:absolute;z-index:1;left:15%;right:15%;bottom:6.35%;margin:0;text-align:center;font-size:20px;line-height:1.06;letter-spacing:-.85px}.hero-preview{position:absolute;z-index:2;top:var(--preview-top);left:var(--preview-left);width:var(--preview-width);height:var(--preview-height);max-width:60%;max-height:76%;overflow:hidden;transform:translate(-50%,-50%);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--preview-duration) ease,visibility var(--preview-duration) ease}.hero-preview[data-visible="true"]{opacity:1;visibility:visible}.hero-preview img,.hero-preview video{display:block;width:100%;height:100%;object-fit:var(--preview-fit);object-position:center;pointer-events:none}.preview-fallback{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;background:#eeeee9;color:#626262;font-size:11px;line-height:1.4;letter-spacing:.065em;text-align:center;padding:24px}.preview-fallback #preview-label{font-size:15px;letter-spacing:-.025em}.subpage{min-height:100svh;background:transparent}
.custom-cursor{position:fixed;z-index:1000;top:0;left:0;width:0;height:0;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .1s}.custom-cursor[data-visible="true"]{opacity:1}.cursor-circle{position:absolute;left:0;top:0;width:var(--cursor-size);height:var(--cursor-size);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;transition:width var(--cursor-duration) ease,height var(--cursor-duration) ease;will-change:width,height}.cursor-arrow{display:block;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3vw,48px);font-weight:400;line-height:1;opacity:0;transform:scale(.65);transition:opacity 150ms ease,transform var(--cursor-duration) ease}.custom-cursor[data-state="link"] .cursor-arrow{opacity:1;transform:scale(1)}
@media(hover:hover) and (pointer:fine){html[data-cursor="enabled"],html[data-cursor="enabled"] *{cursor:none!important}}
html[data-layout="tablet"]{--gutter:clamp(32px,5vw,56px)}html[data-layout="tablet"] .hero{min-height:740px}html[data-layout="tablet"] .skill-title{font-size:3.5vw}html[data-layout="tablet"] .skill-number{font-size:20px}html[data-layout="tablet"] .wordmark,html[data-layout="tablet"] .main-nav{font-size:18px}html[data-layout="tablet"] .brand-dot{width:27px;height:27px}html[data-layout="tablet"] .hero-signoff{font-size:17px}html[data-layout="tablet"] .skill-campaign .skill-number{left:calc(100% + 7vw)}
html[data-layout="mobile"]{--gutter:22px}html[data-layout="mobile"] .site-header{top:28px}html[data-layout="mobile"] .wordmark{transform:none;min-height:30px;gap:10px;font-size:17px;letter-spacing:-.7px}html[data-layout="mobile"] .wordmark>span:last-child{transform:none}html[data-layout="mobile"] .brand-dot{width:25px;height:25px}html[data-layout="mobile"] .main-nav{font-size:16px;line-height:1.05;letter-spacing:-.65px}html[data-layout="mobile"] .main-nav a{min-height:44px;display:flex;align-items:center}html[data-layout="mobile"] .hero{height:auto;min-height:100svh;max-width:none;padding:194px 22px 48px}html[data-layout="mobile"] .skill-list{position:relative;display:flex;flex-direction:column;gap:25px}html[data-layout="mobile"] .skill{position:static;max-width:100%}html[data-layout="mobile"] .skill-trigger{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;min-height:44px;max-width:100%}html[data-layout="mobile"] .skill .skill-number{position:static;font-size:16px;line-height:1;padding-top:4px;letter-spacing:-.06em}html[data-layout="mobile"] .skill .skill-title{font-size:clamp(28px,8.4vw,48px);font-weight:400;letter-spacing:-.05em;line-height:.96;white-space:normal}html[data-layout="mobile"] .skill-direction{align-self:flex-end}html[data-layout="mobile"] .skill-identity{margin-left:4%}html[data-layout="mobile"] .skill-motion{margin-left:6%}html[data-layout="mobile"] .skill-type{align-self:flex-end;margin-right:4%}html[data-layout="mobile"] .skill-campaign{margin-left:0}html[data-layout="mobile"] .skill-ai{align-self:flex-end}html[data-layout="mobile"] .skill-campaign .skill-title{max-width:10ch}html[data-layout="mobile"] .skill-motion .skill-title{max-width:11ch}html[data-layout="mobile"] .skill-ai .skill-title{max-width:12ch}html[data-layout="mobile"] .hero-signoff{position:static;margin:52px -4px 0;font-size:clamp(12px,3.36vw,16px);letter-spacing:-.055em;line-height:1.06}html[data-layout="mobile"] .hero-preview{position:fixed;top:50%;left:50%;width:76%;height:56%;max-width:none;max-height:none}html[data-layout="mobile"] .preview-fallback{font-size:10px;padding:18px}html[data-layout="mobile"] .preview-fallback #preview-label{font-size:13px}
html .hero-preview[data-mode="canvas"]{top:50%;left:50%;width:min(100vw,160vh,1440px);height:min(100vh,62.5vw,900px);max-width:none;max-height:none}.hero-preview[data-mode="canvas"] img{object-fit:cover}.hero-preview[data-mode="canvas"] video{object-fit:contain}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0ms!important;animation:none!important;scroll-behavior:auto!important}}

@keyframes preview-reveal{from{opacity:0}to{opacity:1}}
.hero-preview[data-status="loaded"] img{animation:preview-reveal var(--preview-duration) ease-out}
@media(hover:none),(pointer:coarse){.custom-cursor{display:none}}
/* V01 — shared pages and reference-specific composition */
body{transition:background-color 150ms ease}html{overflow-x:clip}.site-header{mix-blend-mode:normal}.main-nav a[aria-current="page"]{text-decoration:none}.skill-title{font-size:3.82vw}.hero{max-width:none}.hero-preview,.hero-preview[data-mode="canvas"]{position:absolute;left:50%;top:50%;width:auto;height:64.7%;max-height:72svh;max-width:32vw;aspect-ratio:487/645;transform:translate(-50%,-50%)}.hero-preview img,.hero-preview video{object-fit:contain}.hero-preview[data-kind="landscape"]{width:52vw;height:auto;max-width:60vw;max-height:65svh;aspect-ratio:3/2}.hero-preview[data-kind="landscape"] img{height:100%;object-fit:contain}body[data-active-preview="branding"]{background:#d0e1ef}body[data-active-preview="branding"] .site-header,body[data-active-preview="branding"] .skill:not(.is-active),body[data-active-preview="branding"] .hero-signoff{color:#9daebc}body[data-active-preview="branding"] .site-header a:hover,body[data-active-preview="branding"] .site-header a:focus-visible{color:#000}.skill.is-active{color:#000}.hero-preview{z-index:2}.hero-preview img{width:100%;height:100%}.hero-preview .preview-fallback{aspect-ratio:487/645}.custom-cursor{z-index:1000}
.work-page{padding:230px var(--gutter) 64px;display:grid;grid-template-columns:221fr 983fr;column-gap:32px;align-items:start;min-height:100svh}.work-preview{margin:0;position:sticky;top:230px;align-self:start}.work-preview img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:top left}.project-list{list-style:none;margin:0;padding:0;min-width:0}.project-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:69px;border-bottom:2px solid #000;padding:8px 0;scroll-margin-top:180px}.project-name{font-family:var(--font-display);font-size:36px;line-height:1.1;letter-spacing:-1.5px}.project-tags{display:flex;gap:16px;justify-content:flex-end;flex-wrap:wrap}.tag{display:inline-block;white-space:nowrap;border:2px solid #000;border-radius:100px;padding:4px 10px 5px;font-size:26px;line-height:1.1;letter-spacing:-1px}.project-row:focus-visible{outline-offset:4px}.project-row:hover .project-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.about-page{padding-top:230px;font-size:24px;line-height:1.25;letter-spacing:-.7px}.about-page img{display:block;width:100%;height:auto}.about-intro{position:relative;margin:0 3.82%;height:1006px}.about-small{position:absolute;left:0;top:0;width:24.7%!important}.about-copy{position:absolute;top:370px;left:19.7%;width:44.3%}.about-copy p{margin:0 0 32px}.about-tall{position:absolute;right:0;top:371px;width:31%!important}.about-moona{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-practice{position:relative;height:1280px;margin:0 3.82%}.about-labels{position:absolute;top:78px;left:0;width:24.7%!important}.practice-copy{position:absolute;top:78px;left:50.8%;right:0;display:grid;grid-template-columns:1fr 1.7fr;gap:24px}.practice-copy h2{font-size:24px;font-weight:400;margin:0}.practice-copy ul{list-style:none;margin:0;padding:0;line-height:1.42}.about-portrait{position:absolute;left:14.2%;top:566px;width:35%!important}.about-grapes{position:absolute;right:0;top:737px;width:30.8%!important}.about-contact{margin:0 3.82%;padding:0 0 72px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.about-contact p{margin:0;line-height:1.45}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.contact-label{border:2px solid #000;border-radius:100px;padding:0 14px;white-space:nowrap;line-height:1.15}
.yl-page,.simple-project{position:relative;padding-top:230px;font-size:24px;line-height:1.25;letter-spacing:-.7px}.project-close{position:absolute;right:var(--gutter);top:158px;display:inline-flex;align-items:center;gap:16px;font-size:14px;letter-spacing:0;line-height:1.2}.project-close span:last-child{font-size:28px}.project-intro{display:grid;grid-template-columns:280px 220px 1fr;column-gap:107px;row-gap:64px;margin:0 var(--gutter) 68px}.project-intro h1{grid-column:1;font:inherit;margin:0}.project-intro>p{grid-column:2/4;margin:0}.project-intro dl{margin:0}.project-intro dt,.project-intro dd{margin:0}.project-year{grid-column:1}.project-industry{grid-column:2}.project-deliverables{grid-column:3}.yl-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;align-items:center}.yl-gallery img{display:block;width:100%;height:auto}.yl-system{grid-column:1}.yl-stationery{grid-column:2}.yl-statement{grid-column:1;grid-row:2;justify-self:center;margin:0}.yl-envelope{grid-column:2;grid-row:2}.yl-bag{grid-column:1;grid-row:3}.yl-cards{grid-column:2;grid-row:3}.yl-suite{grid-column:1/3;width:84.2%!important;justify-self:center}.detail-bottom-link{display:block;width:max-content;margin:56px auto;font-size:20px;line-height:1.3}.simple-project>header{margin:0 var(--gutter) 64px}.simple-project h1{font:inherit;font-size:48px;margin:0 0 16px;letter-spacing:-2px}.simple-project>header p{margin:0;font-size:18px}.simple-gallery{margin:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.simple-gallery img,.simple-gallery video{width:100%;height:auto;max-height:900px;object-fit:contain}.simple-gallery>:only-child{grid-column:1/3;max-width:1000px;justify-self:center}.subpage{min-height:100svh}.preview-fallback{background:transparent}
@media(min-width:1441px){.work-page{padding-top:16vw;grid-template-columns:221fr 983fr;gap:2.22vw}.project-name{font-size:2.5vw}.tag{font-size:1.8vw}.project-row{min-height:4.79vw}.about-page,.yl-page{font-size:1.667vw}.about-page{padding-top:16vw}.about-intro{height:69.86vw}.about-copy{top:25.69vw}.about-tall{top:25.76vw}.about-practice{height:88.89vw}.about-labels,.practice-copy{top:5.42vw}.about-portrait{top:39.3vw}.about-grapes{top:51.18vw}.practice-copy h2{font-size:1.667vw}}
@media(min-width:761px) and (max-width:1100px){.work-page{padding-top:190px;grid-template-columns:170px minmax(0,1fr);gap:24px}.work-preview{top:190px}.project-name{font-size:26px}.tag{font-size:17px;padding:4px 8px}.project-tags{gap:6px}.project-row{min-height:74px;gap:12px}.about-page,.yl-page{font-size:18px}.about-page{padding-top:180px}.about-intro{height:790px}.about-copy{top:260px;left:18%;width:45%}.about-copy p{margin-bottom:22px}.about-tall{top:260px}.about-practice{height:960px}.practice-copy{gap:12px}.practice-copy h2{font-size:18px}.about-portrait{top:440px}.about-grapes{top:540px}.project-intro{grid-template-columns:1fr 1fr 2fr;gap:32px;margin-bottom:48px}.desktop-break{display:none}.contact-label{font-size:18px}.about-contact{align-items:flex-start}.about-contact p{max-width:65%}}
@media(max-width:760px){:root{--gutter:22px}.site-header{top:28px}.wordmark{transform:none;font-size:17px;gap:10px}.wordmark>span:last-child{transform:none}.brand-dot{width:25px;height:25px}.main-nav{font-size:16px;line-height:1.05}.main-nav a{display:flex;align-items:center;min-height:44px}.hero{height:auto;min-height:100svh;padding:194px 22px 48px}.skill-list{display:flex;flex-direction:column;gap:28px}.skill{position:relative!important;inset:auto!important;margin:0!important;align-self:stretch!important}.skill-trigger{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;width:100%;min-height:44px}.skill .skill-number{position:static!important;font-size:16px!important;line-height:1;padding-top:4px}.skill .skill-title{font-size:clamp(28px,8.4vw,48px)!important;line-height:.96;letter-spacing:-.05em;white-space:normal;max-width:none!important}.hero-signoff{position:static;margin:52px 0 0;font-size:clamp(12px,3.36vw,16px);line-height:1.06;letter-spacing:-.055em}.hero .hero-preview,.hero .hero-preview[data-mode="canvas"],.hero .hero-preview[data-kind="landscape"]{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto;display:none;margin-top:16px}.hero .hero-preview[data-visible="true"]{display:block}.hero-preview img,.hero-preview video{width:100%;height:auto;max-height:65svh;object-fit:contain}.hero-preview .preview-fallback{min-height:240px}body[data-active-preview="branding"]{background:#fff}body[data-active-preview="branding"] .site-header,body[data-active-preview="branding"] .skill:not(.is-active),body[data-active-preview="branding"] .hero-signoff{color:#000}.work-page{padding:194px 22px 48px;display:block}.work-preview{position:static;margin:0 0 32px;min-height:200px}.work-preview img{width:auto;height:32svh;max-height:360px;max-width:65vw;margin:auto;object-fit:contain}.project-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0;min-height:0;border-bottom-width:1px;scroll-margin-top:180px}.project-name{font-size:28px;letter-spacing:-1px}.project-tags{justify-content:flex-start;gap:8px}.tag{font-size:16px;letter-spacing:-.5px;border-width:1px;padding:4px 8px}.about-page{padding-top:194px;font-size:16px;line-height:1.5;letter-spacing:-.35px}.about-intro{height:auto;margin:0 22px;display:flex;flex-direction:column;gap:32px}.about-small,.about-copy,.about-tall{position:static!important;width:100%!important}.about-small{max-width:62%}.about-copy p{margin:0 0 24px}.about-copy p:last-child{margin:0}.about-tall{max-width:78%;align-self:flex-end}.about-moona{grid-template-columns:1fr;gap:16px;margin-top:40px}.about-practice{display:flex;flex-direction:column;height:auto;margin:40px 22px;gap:40px}.about-labels,.about-portrait,.about-grapes{position:static!important;width:100%!important}.about-labels{max-width:68%}.practice-copy{position:static;display:grid;grid-template-columns:1fr 1.7fr;gap:16px}.practice-copy h2{font-size:16px}.practice-copy ul{line-height:1.5}.about-portrait{max-width:85%}.about-grapes{max-width:75%;align-self:flex-end}.about-contact{margin:0 22px;display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding-bottom:48px}.about-contact p{line-height:1.5}.contact-label{font-size:16px;padding:1px 12px;border-width:1px}.yl-page,.simple-project{padding-top:194px;font-size:16px;line-height:1.5;letter-spacing:-.35px}.project-close{top:158px;right:22px;font-size:12px;gap:10px}.project-close span:last-child{font-size:24px}.project-intro{margin:0 22px 40px;display:flex;flex-direction:column;gap:24px}.project-intro h1{font-size:28px;letter-spacing:-1px}.project-intro dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.desktop-break{display:none}.yl-gallery{grid-template-columns:1fr;gap:24px}.yl-gallery>*{grid-column:auto!important;grid-row:auto!important;width:100%!important}.yl-statement{padding:32px 22px;justify-self:start}.yl-suite{padding:0 22px}.detail-bottom-link{font-size:16px;margin:40px auto}.simple-project>header{margin:0 22px 32px}.simple-project h1{font-size:32px;letter-spacing:-1px}.simple-project>header p{font-size:16px}.simple-gallery{margin:0 22px;grid-template-columns:1fr;gap:24px}.simple-gallery>:only-child{grid-column:auto}.custom-cursor{display:none!important}}
@media(prefers-reduced-motion:reduce){body{transition:none}}

@media(min-width:761px){.project-list li:first-child .project-row{min-height:55px;padding-top:0}.project-intro{grid-template-columns:280px 136px 1fr;row-gap:72px}}
.simple-gallery video{aspect-ratio:854/480;display:block}.simple-gallery .project-film{grid-column:1/-1;max-width:1000px;justify-self:center}
@media(min-width:761px) and (max-width:1100px){.project-intro{grid-template-columns:1fr 1fr 2fr;gap:32px}}

.simple-gallery .bloom-film{aspect-ratio:9/16;max-width:480px}

@media(min-width:1101px){.skill-branding{top:24.445%}.skill-direction{top:32.665%}.skill-motion{top:41.89%}.skill-type{top:51%}.skill-identity{top:44.55%}.skill-campaign{top:62.33%}.skill-ai{top:72.33%}.hero-signoff{left:calc(15% - 9px);right:calc(15% + 9px);letter-spacing:-1.55px;line-height:1.0}}

.simple-gallery img[src*="opening-"]{max-width:440px;justify-self:center}

@media(min-width:1101px){.project-industry dd{white-space:nowrap}}

/* Home-only correction: retain the full 1440×900 source canvases. */
body[data-page="home"][data-active-preview="art-direction"]{background:#161460}
body[data-page="home"][data-active-preview="visual-identity"]{background:#9acf99}
body[data-page="home"][data-active-preview="typography"]{background:#c2dfdf}
body[data-page="home"][data-active-preview="art-direction"] .skill:not(.is-active),body[data-page="home"][data-active-preview="art-direction"] .site-header,body[data-page="home"][data-active-preview="art-direction"] .hero-signoff{color:#b2b1cf}
body[data-page="home"][data-active-preview="visual-identity"] .skill:not(.is-active),body[data-page="home"][data-active-preview="visual-identity"] .site-header,body[data-page="home"][data-active-preview="visual-identity"] .hero-signoff{color:#619260}
body[data-page="home"][data-active-preview="typography"] .skill:not(.is-active),body[data-page="home"][data-active-preview="typography"] .site-header,body[data-page="home"][data-active-preview="typography"] .hero-signoff{color:#7f9c9c}
body[data-page="home"] #hero-preview[data-kind="full-canvas"]{width:min(100vw,160svh);height:auto;max-width:none;max-height:none;aspect-ratio:8/5}
body[data-page="home"] #hero-preview[data-kind="full-canvas"] img{width:100%;height:100%;object-fit:contain}
/* Only the uniform canvas margin is masked on desktop so inactive titles
   remain behind the photograph; the page matches the original margin colour. */
@media(min-width:761px){
body[data-page="home"][data-active-preview="art-direction"] #hero-preview img{clip-path:inset(16.8889% 18.9583% 16.7778% 18.9583%)}
body[data-page="home"][data-active-preview="visual-identity"] #hero-preview img{clip-path:inset(14.1111% 33.0556% 14.1111% 33.0556%)}
body[data-page="home"][data-active-preview="typography"] #hero-preview img{clip-path:inset(14.3333% 33.0556% 14.1111% 33.125%)}
}
@media(max-width:760px){
body[data-page="home"][data-active-preview="art-direction"],body[data-page="home"][data-active-preview="visual-identity"],body[data-page="home"][data-active-preview="typography"]{background:#fff}
body[data-page="home"][data-active-preview="art-direction"] .skill:not(.is-active),body[data-page="home"][data-active-preview="art-direction"] .site-header,body[data-page="home"][data-active-preview="art-direction"] .hero-signoff,body[data-page="home"][data-active-preview="visual-identity"] .skill:not(.is-active),body[data-page="home"][data-active-preview="visual-identity"] .site-header,body[data-page="home"][data-active-preview="visual-identity"] .hero-signoff,body[data-page="home"][data-active-preview="typography"] .skill:not(.is-active),body[data-page="home"][data-active-preview="typography"] .site-header,body[data-page="home"][data-active-preview="typography"] .hero-signoff{color:#000}
body[data-page="home"] .hero #hero-preview[data-kind="full-canvas"]{width:100%!important;height:auto!important;aspect-ratio:8/5;margin-top:16px}
body[data-page="home"] .hero #hero-preview[data-kind="full-canvas"] img{width:100%;height:auto;max-height:none;aspect-ratio:8/5;clip-path:none;object-fit:contain}
}

body[data-page="home"] #hero-preview[data-kind="full-canvas"] img{animation:none}

/* Home001 supplied in assets/首页 is the current Home master. */
body[data-page="home"] .skill-title{font-weight:500}
@media(min-width:1101px){
body[data-page="home"] .skill-title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:3.75vw;line-height:1.074074;letter-spacing:-.045em}
}
@media(max-width:760px){body[data-page="home"] .skill .skill-title{font-weight:500}}

@media(min-width:1101px){
body[data-page="home"] .skill-title{letter-spacing:-.0465em}
body[data-page="home"] .skill-branding{left:33.888889%;top:24.333333%}
body[data-page="home"] .skill-direction{left:50.763889%;top:32.666667%}
body[data-page="home"] .skill-identity{left:24.930556%;top:44.444444%}
body[data-page="home"] .skill-motion{left:50.763889%;top:41.777778%}
body[data-page="home"] .skill-type{left:50.763889%;top:50.888889%}
body[data-page="home"] .skill-campaign{left:7.013889%;top:62.222222%}
body[data-page="home"] .skill-ai{left:54.027778%;top:72.222222%}
body[data-page="home"] .skill-identity .skill-title{letter-spacing:-.0496em}
body[data-page="home"] .skill-motion .skill-title,body[data-page="home"] .skill-campaign .skill-title{letter-spacing:-.037em}
body[data-page="home"] .skill-type .skill-title{letter-spacing:-.047em}
body[data-page="home"] .skill-ai .skill-title{letter-spacing:-.0398em}
body[data-page="home"] .skill .skill-number{font-size:1.805556vw;letter-spacing:0;right:auto;top:1.944444vw;line-height:1}
body[data-page="home"] .skill-branding .skill-number{left:-3.680556vw}
body[data-page="home"] .skill-direction .skill-number,body[data-page="home"] .skill-motion .skill-number,body[data-page="home"] .skill-type .skill-number{left:-3.194444vw}
body[data-page="home"] .skill-identity .skill-number{left:-8.125vw;top:5.972222vw}
body[data-page="home"] .skill-campaign .skill-number{left:40.555556vw;top:.555556vw}
body[data-page="home"] .skill-ai .skill-number{left:-37.222222vw}
body[data-page="home"] .hero-signoff{letter-spacing:-1.63px;line-height:.95;bottom:calc(6.35% + 2px)}
body[data-page="home"] .signoff-tagline{letter-spacing:-2.25px}
}

@media(min-width:1101px){
body[data-page="home"] .skill .skill-number{font-size:1.770833vw;letter-spacing:.5px;transform:translateX(1px)}
body[data-page="home"] .skill-branding .skill-number{letter-spacing:-2px}
body[data-page="home"] .skill-ai .skill-number{letter-spacing:-1.5px}
body[data-page="home"] .skill-motion .skill-number,body[data-page="home"] .skill-campaign .skill-number{letter-spacing:1px}
body[data-page="home"] .signoff-tagline{position:relative;left:-1px}
}

/* Cursor reference: small inverse dot, enlarged inverse text circle, black image arrow. */
.custom-cursor[data-state="default"],.custom-cursor[data-state="text"]{mix-blend-mode:difference}
.custom-cursor[data-state="image"]{mix-blend-mode:normal}
.custom-cursor[data-state="image"] .cursor-circle{background:#000}
.custom-cursor[data-state="image"] .cursor-arrow{color:#fff;opacity:1;transform:scale(1);font-size:40px}
@media(prefers-reduced-motion:reduce){.custom-cursor,.cursor-circle,.cursor-arrow{transition:none}}