:root{--paper:#f5fbfb;--ink:#050706;--navy:#102a43;--muted:#657887;--line:#9aabaa;--gutter:20px;--display:"Helvetica Neue",Arial,sans-serif;--jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display),var(--jp);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #719cbf;outline-offset:5px}.skip{position:fixed;left:20px;top:-60px;z-index:1000;padding:12px;background:var(--navy);color:#fff}.skip:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:100px;padding:20px var(--gutter);display:grid;grid-template-columns:1fr 1.7fr;align-items:start;pointer-events:none}.site-header>*{pointer-events:auto}.small-logo{font-size:17px;font-weight:900;letter-spacing:-.8px;white-space:nowrap;line-height:1.2;max-width:max-content}.header-note{font-size:9px;line-height:1.4;margin:4px 0 0;grid-row:2;align-self:start}.header-actions{display:flex;grid-column:2;grid-row:1/3;gap:2px;justify-content:flex-end}.header-actions>*{height:53px;width:96px;background:var(--navy);color:var(--paper);border:0;border-radius:5px;display:flex;align-items:center;justify-content:center}.contact-button{font-size:11px;order:-1}.menu-toggle{flex-direction:column;gap:4px}.menu-toggle span{width:28px;height:1px;background:currentColor;display:block}.contact-button span{transition:transform .3s}.contact-button:hover span{transform:translateY(-3px)}.opening{height:100svh;min-height:620px;position:relative;overflow:hidden}.dot-field{position:absolute;inset:110px 0 0;background-image:radial-gradient(circle,#5f7378 .6px,transparent .8px);background-size:80px 80px;pointer-events:none}.hero-links{position:absolute;left:var(--gutter);right:var(--gutter);top:44%;display:flex;justify-content:space-between}.hero-links>a{position:relative;font-size:11px;font-weight:600;line-height:1.03;min-width:44px;min-height:78px}.link-symbol{display:block;font-size:24px;letter-spacing:-4px;font-weight:300;margin:0 0 6px;line-height:1.1}.hero-links img{position:absolute;width:250px;max-width:none;aspect-ratio:1.5;object-fit:cover;top:-20px;left:60px;opacity:0;transform:scale(.8);transition:.45s var(--ease);pointer-events:none;z-index:3;box-shadow:0 12px 40px #102a4320}.hero-links a:last-child img{left:auto;right:60px}.hero-links a:hover img,.hero-links a:focus-visible img{opacity:1;transform:scale(1)}.hero-logo{position:absolute;left:var(--gutter);right:var(--gutter);bottom:9%;margin:0;font-size:12.35vw;letter-spacing:-.075em;line-height:1;font-weight:900;display:flex;justify-content:space-between;white-space:nowrap;transform:scaleY(1.48);transform-origin:bottom;color:var(--ink)}.hero-logo span{display:inline-block}.hero-logo.animate span{animation:assemble 1.3s var(--ease) both;animation-delay:calc(var(--i)*45ms)}@keyframes assemble{0%{transform:translateY(120%) rotate(18deg) scaleY(.3);opacity:0}to{transform:none;opacity:1}}.statement{padding:35px var(--gutter) 0;overflow:hidden}.statement-block{margin-bottom:30px}.statement p{margin:0;font-family:var(--jp);font-weight:900;font-size:18px;letter-spacing:-.07em;line-height:1.7;position:relative}.statement p:after{content:"";position:absolute;inset:0 calc(-1 * var(--gutter)) 0 0;background:var(--navy);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform 1s var(--ease)}.statement p{isolation:isolate}.statement p.seen:after{transform:scaleX(1)}.statement p span{background:var(--paper);box-shadow:5px 0 var(--paper);box-decoration-break:clone;-webkit-box-decoration-break:clone}.section-heading{padding:95px var(--gutter) 0;position:relative;isolation:isolate;overflow:hidden}.section-heading:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:var(--navy);z-index:-1}.section-heading h2{font-family:var(--jp);font-size:12px;font-weight:700;border-bottom:1px solid;display:table;margin:0 0 20px;padding-bottom:5px}.display-word{font-size:15vw;font-weight:500;letter-spacing:-.065em;line-height:1.05;padding-bottom:14px;color:var(--ink);background:linear-gradient(to bottom,var(--ink) 0 var(--split,68%),var(--paper) var(--split,68%) 100%);background-clip:text;-webkit-text-fill-color:transparent}.display-word span{display:inline-block}.display-word.seen span{animation:letter-in .8s var(--ease) both;animation-delay:calc(var(--i)*45ms)}@keyframes letter-in{0%{transform:translateY(95%) rotate(10deg);opacity:0}to{transform:none;opacity:1}}.reel{position:relative;background:var(--ink);overflow:hidden}.reel video{width:100%;aspect-ratio:16/9;object-fit:contain}.reel-toggle{position:absolute;right:var(--gutter);bottom:20px;background:var(--paper);color:var(--navy);padding:15px;border:0;border-radius:3px;font-size:11px}.reel-label{position:absolute;bottom:22px;left:var(--gutter);font-size:9px;color:#fff;text-shadow:0 1px 4px #000;background:#102a43a0;padding:5px}.project-list{padding:0 var(--gutter)}.project-card{padding:50px 0;background:var(--paper);border-bottom:1px solid var(--ink);position:relative}.project-card>a{display:block;position:relative}.project-num small{display:block;font-size:10px}.project-num>span{display:block;font-size:42px;line-height:1}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-left:53px;position:absolute;top:0;max-width:65%}.project-tags span{font-size:9px;border:1px solid;border-radius:20px;padding:4px 9px;line-height:1}.project-content h3{font-size:34px;letter-spacing:-.055em;font-weight:500;margin:4px 65px 26px 0;line-height:1.05}.view-disc{display:flex;position:absolute;right:0;top:12px;width:64px;height:64px;align-items:center;justify-content:center;background:var(--navy);color:var(--paper);border-radius:50%;font-size:10px;transition:transform .35s var(--ease)}.project-card a:hover .view-disc{transform:scale(1.15)}.project-description{display:grid;gap:22px}.project-description>img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top}.project-description h4{font-size:20px;font-weight:500;margin:0 0 28px}.project-description p{font-family:var(--jp);font-size:14px;line-height:1.9;margin:0}.more-link{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin:45px var(--gutter) 10px;font-size:18px;font-weight:500}.long-arrow{display:block;border-bottom:1px solid;width:40%;text-align:right;line-height:.25;color:var(--navy);font-size:35px;margin-right:12px}.roll{display:inline-block;position:relative;overflow:hidden;line-height:1.08}.roll:after{content:attr(data-text);position:absolute;left:0;top:105%;color:inherit}.nav-line:hover .roll,.more-link:hover .roll{color:var(--muted)}.extra-work{padding:30px var(--gutter) 0;display:grid;gap:30px}.extra-work img{width:100%;height:320px;object-fit:contain;background:#e3e9eb;transition:filter .4s}.extra-work a:hover img{filter:contrast(1.08)}.extra-work p{font-size:17px}.extra-work p span{display:block;font-size:10px;margin-top:8px}.motion-grid{padding:30px var(--gutter) 0;display:grid;gap:25px}.motion-grid figure{margin:0}.motion-grid video{width:100%;aspect-ratio:16/9;background:#111}.motion-grid figcaption{font-size:11px;margin-top:12px}.about-content{padding:40px var(--gutter) 0;display:grid;gap:30px}.name{font-size:45px;font-weight:700;margin:0}.name span{display:block;font-size:14px;letter-spacing:1px;margin-top:15px}.about-content>div{font-family:var(--jp);font-size:15px;line-height:2}.service-lines{padding:30px var(--gutter) 100px}.service-lines>div{padding:25px 0;border-bottom:1px solid var(--line)}.service-lines h3{font-weight:500;font-size:30px;margin:0}.service-lines p{font-size:13px;line-height:1.8}.contact-section{padding:120px var(--gutter) 55px;background:var(--navy);color:var(--paper)}.contact-section>p{text-align:right;font-size:12px}.contact-display{display:flex;align-items:start;font-size:15vw;letter-spacing:-.075em;line-height:1.2}.contact-display span{font-size:6vw;margin-left:auto}.email{display:block;text-align:right;font-size:13px;margin-top:25px}.closing-statement{padding:85px var(--gutter);background:var(--navy);color:var(--paper);display:flex;align-items:center;justify-content:center;gap:35px}.closing-statement p{font-size:22vw;letter-spacing:-.07em;line-height:.9;margin:0}.closing-statement>span{font-size:14px;line-height:1.1}.footer-nav{padding:65px var(--gutter)}.nav-line{display:flex;flex-direction:column-reverse;border-bottom:1px solid var(--line);font-size:38px;letter-spacing:-.05em;line-height:1}.nav-line small{font-family:var(--jp);font-size:11px;letter-spacing:0;margin-top:15px}.footer-bottom{padding:60px var(--gutter) 30px}.footer-logo{font-size:12.3vw;font-weight:900;letter-spacing:-.075em;color:#bcc8cc;white-space:nowrap;display:block}.footer-bottom>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.7;color:var(--muted)}dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:var(--navy);color:var(--paper);padding:110px var(--gutter) 40px;z-index:100;overflow:auto}dialog[open]{animation:menu-in .45s var(--ease)}@keyframes menu-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}dialog::backdrop{background:var(--navy)}.menu-close{position:absolute;right:var(--gutter);top:20px;height:53px;width:96px;background:var(--paper);color:var(--navy);border:0;border-radius:5px;font-size:12px}.menu-layout{display:grid;gap:30px}.menu-contact{background:var(--paper);color:var(--navy);min-height:150px;border-radius:20px;display:flex;justify-content:center;align-items:end;padding:30px;font-size:35px;letter-spacing:-2px}.menu-sign{font-size:12vw;text-align:right;font-weight:900;letter-spacing:-.075em;margin:80px 0 0}@media(min-width:769px){:root{--gutter:40px}.site-header{grid-template-columns:1fr 1fr auto;height:101px}.small-logo{font-size:24px}.header-note{grid-row:1;grid-column:2;font-size:10px;margin:0 0 0 12px}.header-actions{grid-row:1;grid-column:3;gap:10px}.header-actions>*{width:160px;height:60px;border-radius:11px}.contact-button{order:0;font-size:14px}.menu-toggle{align-items:end;padding-right:20px}.opening{min-height:580px}.hero-links{top:23.5%}.hero-links>a{font-size:12px}.hero-logo{bottom:7.8%;font-size:12.55vw;transform:scaleY(1.7)}.hero-links img{width:340px;left:75px}.hero-links a:last-child img{right:70px}.dot-field{background-size:80px 80px;inset:80px 0 0}.statement{padding-top:35px}.statement p{font-size:clamp(28px,3.56vw,58px);line-height:1.7;letter-spacing:-.075em}.statement-block{margin-bottom:65px}.section-heading{padding-top:120px}.section-heading h2{font-size:14px;margin-bottom:22px}.display-word{font-size:15.2vw;line-height:1.05;padding-bottom:20px}.reel-label{font-size:12px}.reel-toggle{font-size:12px;padding:20px}.project-card{padding:90px 0 75px;position:sticky;top:90px}.project-card>a{display:grid;grid-template-columns:80px 1fr}.project-num>span{font-size:46px}.project-tags{position:static;margin:0;max-width:none}.project-tags span{min-width:80px;text-align:center}.project-content{padding-right:80px}.project-content h3{font-size:8.43vw;margin:20px 0 55px;line-height:1}.view-disc{width:75px;height:75px;top:54px}.project-description{grid-template-columns:1.55fr 1fr;gap:50px}.project-description>img{aspect-ratio:1.5}.project-description h4{margin:0 0 35px}.project-description p{font-size:14px;line-height:1.9}.more-link{font-size:30px;margin-top:50px;margin-bottom:100px}.long-arrow{width:27%;font-size:50px}.extra-work{grid-template-columns:1fr 1fr;gap:40px;padding-top:40px}.extra-work img{height:470px}.extra-work p{display:flex;justify-content:space-between;align-items:center}.extra-work p span{margin:0}.motion-grid{grid-template-columns:1fr 1fr;gap:25px;padding-top:40px}.about-content{grid-template-columns:1fr 1fr;padding-top:70px;gap:80px}.name{font-size:75px}.service-lines>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.service-lines h3{font-size:60px;letter-spacing:-.05em}.service-lines{padding-top:40px;padding-bottom:160px}.contact-section{padding-top:160px;padding-bottom:80px}.contact-display{font-size:16.2vw}.contact-section>p{font-size:14px}.email{font-size:18px}.closing-statement{padding:120px 15%;gap:100px}.closing-statement p{font-size:10vw}.closing-statement>span{font-size:30px}.footer-nav{padding-top:100px}.nav-line{flex-direction:row;justify-content:space-between;align-items:end;font-size:7vw}.nav-line small{font-size:14px;margin:0 0 8px}.footer-bottom{padding-top:100px}.footer-bottom>div{font-size:12px}.menu-layout{grid-template-columns:2.45fr 1fr;gap:40px}.menu-layout .nav-line{font-size:4.4vw}.menu-contact{min-height:300px;font-size:40px}.menu-close{right:210px;width:160px;height:60px;border-radius:11px}.menu-sign{font-size:8vw;margin-top:100px}.menu-layout .nav-line small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project-card{position:relative;top:auto}.statement p:after{transform:scaleX(1)}}@media(min-width:769px){.site-header{grid-template-columns:48% 1fr auto}.hero-logo{bottom:3.3%;transform:scaleY(2.1)}}.display-word span{background:linear-gradient(to bottom,var(--ink) 0 var(--split,68%),var(--paper) var(--split,68%) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.site-header .small-logo,.site-header .header-note{color:#fff;mix-blend-mode:difference}.site-header .small-logo,.site-header .header-note{color:var(--ink);mix-blend-mode:normal;background:var(--paper);width:max-content}@media(max-width:768px){.small-logo{font-size:14px}.header-actions>*{width:clamp(68px,24vw,96px)}}@media(prefers-reduced-motion:no-preference){.hero-logo.animate span{animation-name:kinetic-assemble;animation-duration:1.65s;animation-delay:calc(var(--i)*65ms)}@keyframes kinetic-assemble{0%{transform:translateY(130%) rotateY(85deg) rotate(15deg) scaleX(.3);opacity:0}55%{transform:translateY(-8%) rotateY(-15deg) rotate(-3deg) scaleX(1.06);opacity:1}78%{transform:translateY(3%) rotateY(4deg)}to{transform:none;opacity:1}}.hero-links>a{animation:link-enter .9s var(--ease) both;animation-delay:.6s}.hero-links>a:nth-child(2){animation-delay:.8s}.hero-links>a:nth-child(3){animation-delay:1s}@keyframes link-enter{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}.hero-links img{transition:opacity .3s,transform .65s var(--ease);transform:translateY(20px) rotate(-8deg) scale(.7)}.hero-links a:hover .link-symbol{rotate:90deg}.link-symbol{width:max-content;transition:rotate .5s var(--ease)}dialog[open]{animation:menu-unfold .6s var(--ease)}@keyframes menu-unfold{0%{clip-path:inset(0 0 100% 0 round 0 0 40% 40%)}to{clip-path:inset(0 round 0)}}dialog[open] .nav-line{animation:nav-enter .8s var(--ease) both;animation-delay:.1s}dialog[open] .nav-line:nth-child(2){animation-delay:.16s}dialog[open] .nav-line:nth-child(3){animation-delay:.22s}dialog[open] .nav-line:nth-child(4){animation-delay:.28s}dialog[open] .nav-line:nth-child(5){animation-delay:.34s}@keyframes nav-enter{0%{opacity:0;transform:translateY(65px) rotate(3deg);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}dialog[open] .menu-contact{animation:contact-enter 1s .2s var(--ease) both}@keyframes contact-enter{0%{transform:translateY(100px) scale(.8);opacity:0}to{transform:none;opacity:1}}.nav-line .roll{transition:letter-spacing .45s var(--ease),color .3s}.nav-line:hover .roll{letter-spacing:-.015em}.nav-line:hover small{translate:-12px 0}.nav-line small{transition:translate .4s var(--ease)}.display-word.seen span{animation:headline-rise 1s var(--ease) both;animation-delay:calc(var(--i)*55ms)}@keyframes headline-rise{0%{transform:translateY(110%) rotate(12deg) scaleY(.5);opacity:0}70%{transform:translateY(-4%) rotate(-2deg);opacity:1}to{transform:none;opacity:1}}.project-description>img{transition:clip-path .7s var(--ease),scale .7s var(--ease);clip-path:inset(0)}.project-card a:hover .project-description>img{clip-path:inset(3% round 12px);scale:.98}.project-card a:hover .view-disc{transform:rotate(-15deg) scale(1.18)}.contact-display{transition:letter-spacing .65s var(--ease)}.contact-display:hover{letter-spacing:-.04em}.contact-display span{transition:transform .65s var(--ease)}.contact-display:hover span{transform:translate(8px,-15px) rotate(45deg)}@supports (animation-timeline:view()){.opening{view-timeline-name:--opening;view-timeline-axis:block}.hero-logo{animation:hero-exit linear both;animation-timeline:--opening;animation-range:exit 0% exit 100%}@keyframes hero-exit{0%{translate:0 0;opacity:1}to{translate:0 -140px;opacity:0}}.dot-field{animation:grid-drift linear both;animation-timeline:--opening;animation-range:exit 0% exit 100%}@keyframes grid-drift{to{translate:0 180px;opacity:0}}.statement p:after{transition:none;animation:band-scrub linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes band-scrub{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reel{animation:reel-open linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes reel-open{0%{clip-path:inset(8% 12% round 60px)}to{clip-path:inset(0 round 0)}}.extra-work>a,.motion-grid>figure{animation:work-arrival linear both;animation-timeline:view();animation-range:entry 0% entry 90%}@keyframes work-arrival{0%{translate:0 70px;opacity:.3;clip-path:inset(15% 0 0)}to{translate:0 0;opacity:1;clip-path:inset(0)}}.closing-statement>p{animation:closing-rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes closing-rise{0%{translate:0 100px;rotate:-7deg;opacity:.15}to{translate:0 0;rotate:0deg;opacity:1}}}}@media(prefers-reduced-motion:no-preference)and (min-width:769px){@supports (animation-timeline:view()){.project-list{view-timeline-name:--projects;view-timeline-axis:block}.project-card:first-child{transform-origin:center top;animation:stack-away linear both;animation-timeline:--projects;animation-range:exit 0% exit 55%}@keyframes stack-away{0%{scale:1;filter:brightness(1)}to{scale:.92;filter:brightness(.65)}}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-logo span{opacity:1;transform:none}.statement p:after{transform:scaleX(1)}}.statement p:after,.statement p.seen:after{animation:none;transition:none;transform:scaleX(var(--band-progress,0));will-change:transform}.dot-field{background:none!important;overflow:hidden}.dot-field:before,.dot-field:after{content:"";position:absolute;inset:-80px;background-image:radial-gradient(circle,var(--muted) 1px,transparent 1.6px);background-size:80px 80px;opacity:.45}.dot-field:after{background-size:160px 160px;opacity:.2}@media(prefers-reduced-motion:no-preference){.dot-field:before{animation:dots-travel 12s linear infinite}.dot-field:after{animation:dots-breathe 6s ease-in-out infinite alternate}@keyframes dots-travel{to{transform:translate(80px,80px)}}@keyframes dots-breathe{0%{transform:translate(0) scale(.98);opacity:.12}to{transform:translate(-40px,40px) scale(1.05);opacity:.5}}}.graphic-work{min-width:0}.art-open{display:block;width:100%;position:relative;border:0;padding:24px;background:#e3e9eb;color:var(--navy)}.art-open img{height:400px;background:transparent;object-fit:contain}.art-zoom{position:absolute;bottom:12px;right:16px;font-size:11px}.extra-work .art-name{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:20px 0 12px}.art-name strong{font-weight:500}.art-name span{font-size:10px;white-space:nowrap}.graphic-work h3{font-family:var(--jp);font-size:20px;margin:0 0 12px;letter-spacing:-.04em}.extra-work .art-description{display:block;font-size:13px;line-height:1.9;margin:0;max-width:42em}.art-viewer{padding:0;background:var(--paper);color:var(--ink);height:100dvh}.art-viewer[open]{animation:none}.art-toolbar{position:sticky;top:0;background:var(--navy);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;z-index:2}.art-toolbar p{font-size:14px;margin:0}.art-close{border:1px solid currentColor;background:transparent;color:inherit;padding:12px;min-height:44px;white-space:nowrap}.art-viewer>img{margin:24px auto;width:auto;max-width:calc(100% - 40px);max-height:none}.extra-work{row-gap:64px}@media(min-width:769px){.art-open{padding:32px}.art-open img{height:540px}.graphic-illbe .art-open img,.graphic-aircon .art-open img{height:360px}.graphic-work h3{font-size:26px}.art-viewer>img{max-width:min(1100px,calc(100% - 80px))}}@media(prefers-reduced-motion:reduce){.statement p:after,.statement p.seen:after{transform:scaleX(1)}}.hero-logo-anim{display:none}.logo-anim .hero-logo{display:block;font-size:0;line-height:0;letter-spacing:normal;white-space:normal;transform:none;aspect-ratio:2560/630;bottom:calc(9% + .649vw + .62px)}.logo-anim .hero-logo .hero-logo-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.logo-anim .hero-logo .hero-logo-anim{display:block;width:100%;height:100%}.logo-anim .hero-logo .hero-logo-anim svg{display:block;width:100%;height:100%}@media(min-width:769px){.logo-anim .hero-logo{bottom:calc(3.3% + 1.621vw + 1.24px)}}.motion-category{padding-top:48px}.motion-category>h3{margin:0 var(--gutter);padding-bottom:18px;border-bottom:1px solid var(--line);font-family:var(--jp);font-size:22px;line-height:1.5}.motion-category>h3 span{display:block;margin-top:8px;font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:.02em;color:var(--muted)}.motion-category .motion-grid{padding-top:24px}.motion-category figcaption{font-size:13px;line-height:1.6}@media(min-width:769px){.motion-category{padding-top:64px}.motion-category>h3{display:flex;align-items:baseline;justify-content:space-between;font-size:30px}.motion-category>h3 span{font-size:15px;margin:0}}#more-work{background:#fff}.extra-work{display:block;padding:0 var(--gutter);counter-reset:work}.editorial-work{position:relative;display:grid;gap:24px;padding:40px 0 48px;border-bottom:1px solid var(--navy)}.work-index{font-size:10px;letter-spacing:.04em;color:var(--navy)}.work-index span{display:block;font-size:40px;line-height:1.05;letter-spacing:-.06em}.extra-work .work-art{display:block;position:relative;background:none;border:0;padding:0 0 32px;width:100%;color:var(--navy)}.extra-work .work-art img{background:none;width:100%;height:auto;max-height:620px;object-fit:contain;transition:transform .6s var(--ease)}.work-art:hover img{transform:scale(.97)}.work-kind{display:inline-block;border:1px solid var(--navy);border-radius:24px;padding:5px 12px;font-size:11px}.work-copy h3{font-family:var(--jp);font-size:28px;line-height:1.3;letter-spacing:-.055em;font-weight:600;margin:24px 0}.work-copy h4{font-size:16px;line-height:1.7;margin:0 0 16px}.extra-work .work-copy p{display:block;font-size:14px;line-height:1.95;margin:0}.work-detail{display:inline-block;margin-top:32px;font-size:13px;border-bottom:1px solid;padding-bottom:10px}.extra-work .art-zoom{right:0;bottom:0;border-bottom:1px solid;padding:6px 0;font-size:12px}.reel{background:var(--paper)}.reel-toggle{opacity:.65}.reel:hover .reel-toggle,.reel-toggle:focus-visible{opacity:1}@media(min-width:769px){.editorial-work{grid-template-columns:70px minmax(0,1.65fr) minmax(0,1fr);gap:48px;align-items:start;padding:80px 0}.work-copy{padding:36px 0 0 16px}.work-copy h3{font-size:clamp(30px,3.2vw,56px);margin:28px 0 40px}.extra-work .work-art img{max-height:740px}.work-index span{font-size:48px}.work-copy h4{font-size:20px}.extra-work .work-copy p{font-size:15px}}@media(prefers-reduced-motion:reduce){.work-art:hover img{transform:none}}