*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;color:#191919;background:#fff;font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #191919;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1200px,88%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 6%;border-bottom:1px solid #ddd}.brand{font-size:30px;font-weight:900;letter-spacing:-1px}nav{display:flex;gap:30px;font-size:14px}.opening{padding-top:30px;overflow:hidden}.opening-label{font-size:12px;letter-spacing:.1em}.opening h1{font-size:clamp(56px,7.6vw,110px);font-weight:800;line-height:1.22;letter-spacing:-.04em;margin:50px 0 28px}.opening p{font-size:18px}.wordmark{font-size:clamp(60px,16.5vw,230px);font-weight:900;letter-spacing:-.075em;line-height:.9;margin-top:45px}h2,h3,p{margin:0}h2{font-size:28px;line-height:1.5;font-weight:700}h3{font-size:34px;line-height:1.5;font-weight:700;margin-bottom:24px}p{font-size:16px;line-height:1.95;margin-bottom:14px}.role{font-size:14px;color:#707070;line-height:1.9}.meta{font-size:12px;letter-spacing:.08em;color:#707070;margin-bottom:18px}.about,.services-section,.company{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:85px 0;border-top:1px solid #ddd}.about{margin-top:0;padding-top:75px}.about>h2{font-size:13px;letter-spacing:.08em}.about h3{font-size:clamp(32px,3.8vw,52px);line-height:1.5;margin-bottom:28px}.work{border-top:2px solid #191919;padding-top:55px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:40px}.section-head>span{font-size:12px;letter-spacing:.08em;color:#707070}.editorial-product{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center;padding:10px 0 80px}.editorial-product>img{width:100%;height:auto;display:block}.editorial-product p{max-width:430px}.editorial-space{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:75px;padding:70px 0 95px;border-top:1px solid #ddd}.editorial-space>img{width:100%;height:auto;display:block}.video{aspect-ratio:16/9;background:#191919;max-width:920px;margin:auto}.video button{padding:0;border:0;position:relative;background:none;cursor:pointer;display:block;width:100%;height:100%;color:white}.video button>img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.play{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:20px;font-size:24px}.play span{font-size:14px;letter-spacing:.13em}.video iframe{width:100%;height:100%;border:0}.project-caption{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:30px 0 75px}.project-caption h3{font-size:34px}.text-link{font-size:14px;display:inline-block;margin-top:8px}.collaborations{border-top:1px solid #ddd;padding:45px 0 70px}.collaborations h2{font-size:24px}.collab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.collab-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1.1;object-fit:contain;margin-bottom:22px}.collab-grid h3{font-size:17px;margin-bottom:12px;line-height:1.6}.collab-grid p{font-size:14px;line-height:1.85;color:#555}.related{border-top:1px solid #ddd;padding:25px 0 65px;display:grid;grid-template-columns:1fr 3fr;gap:30px}.related .meta{margin:5px 0}.related h3{font-size:17px;font-weight:600;margin-bottom:10px}.related p{font-size:14px;color:#707070}.services-section{padding:65px 0}.services-section h2,.company h2{font-size:22px}.services{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:15px;margin-bottom:20px}.company dl{margin:0}.company dl>div{display:grid;grid-template-columns:105px 1fr;gap:25px;margin-bottom:24px;font-size:15px;line-height:1.9}dt{color:#707070}dd{margin:0}.company .text-link{margin-top:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0;border-top:1px solid #ddd}footer .brand{font-size:42px}footer>span,footer>a:last-child{font-size:12px}@media(max-width:700px){.wrap{width:86%}header{padding:20px 7%}.brand{font-size:25px}nav{gap:16px;font-size:12px}.opening{padding-top:25px}.opening h1{font-size:clamp(52px,13vw,78px);margin:38px 0 25px}.opening p{font-size:16px}.wordmark{font-size:16.5vw;margin-top:35px}.about,.services-section,.company{grid-template-columns:1fr;gap:25px;padding:45px 0}.about h3{font-size:32px;margin-bottom:23px}.work{padding-top:40px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:26px;margin-bottom:10px}.editorial-product,.editorial-space{grid-template-columns:1fr;gap:25px;padding:10px 0 55px}.editorial-space{padding-top:40px}.editorial-space>img{grid-row:1}h3{font-size:27px;margin-bottom:20px}.project-caption{grid-template-columns:1fr;gap:5px;margin-bottom:45px;margin-top:25px}.project-caption h3{font-size:30px}.video{aspect-ratio:16/10}.collaborations{padding:35px 0 45px}.collaborations h2{font-size:22px}.collab-grid{grid-template-columns:1fr;gap:30px}.collab-grid article{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:20px;align-items:start}.collab-grid img{grid-row:1/3;aspect-ratio:auto;margin:0}.collab-grid h3{font-size:15px;margin:0 0 8px}.collab-grid p{font-size:14px;margin:0}.related{grid-template-columns:1fr;gap:12px;padding-bottom:40px}.related h3{font-size:16px}.company dl>div{grid-template-columns:85px minmax(0,1fr);gap:15px;font-size:14px}.company dd{overflow-wrap:anywhere}.services{font-size:14px}footer{flex-wrap:wrap}footer .brand{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.opening-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px}.opening-copy{min-width:0}.opening-art{display:block;width:100%;max-width:480px;height:auto;justify-self:center}.opening-copy h1{font-size:clamp(52px,7.6vw,110px)}@media(max-width:700px){.opening-layout{grid-template-columns:1fr;gap:0}.opening-copy h1{font-size:clamp(52px,13vw,78px)}.opening-art{width:200px;margin:8px auto 0}.wordmark{margin-top:25px}}

.opening-line{display:inline-block}
@media(prefers-reduced-motion:no-preference){
.opening-line{animation:opening-rise .65s cubic-bezier(.22,1,.36,1) both}
.opening-line:nth-of-type(2){animation-delay:.15s}
.opening-art{animation:opening-fade .6s ease-out .4s both}
}
@keyframes opening-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening-fade{from{opacity:0}to{opacity:1}}

/* Balanced editorial opening */
.opening{padding-top:40px}.opening-layout{grid-template-columns:max-content 145px;justify-content:start;gap:clamp(36px,5vw,72px);padding:45px 0 35px;min-height:380px}.opening-copy h1{margin:0 0 28px;font-size:clamp(56px,7.2vw,100px)}.opening-copy p{margin-bottom:0}.opening-art{width:145px;max-width:100%;height:auto;margin:0;justify-self:center}.wordmark{display:flex;justify-content:flex-start;gap:0;font-size:clamp(60px,12vw,160px);letter-spacing:-.055em;line-height:1.1;margin-top:10px;padding-bottom:12px}.wordmark>span{display:inline-block}
@media(prefers-reduced-motion:no-preference){.opening-line{animation:opening-fade .55s ease-out both}.opening-line:nth-of-type(2){animation-delay:0s}.opening-art{animation:opening-fade .65s ease-out .12s both}.wordmark>span{animation:opening-rise .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.25s + var(--letter)*.07s)}}
@media(max-width:700px){.opening{padding-top:25px}.opening-layout{grid-template-columns:minmax(0,1fr) 70px;gap:18px;padding:32px 0 28px;min-height:0;align-items:center}.opening-copy h1{font-size:clamp(32px,9.5vw,62px);margin-bottom:18px}.opening-art{width:70px;justify-self:center;margin:0}.opening-copy p{font-size:14px}.wordmark{font-size:13.3vw;margin-top:0;padding-bottom:12px}}

/* A quiet, block-built rhythm on the right of the opening. */
.opening-layout{grid-template-columns:max-content 145px minmax(0,1fr);gap:clamp(28px,4vw,56px)}
.equalizer{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0;padding:24px 0}
.equalizer-bars{width:100%;height:216px;display:flex;align-items:stretch;gap:7px}
.equalizer-bars>span{flex:1;min-width:0;background:repeating-linear-gradient(to top,#191919 0 12px,transparent 12px 18px);clip-path:inset(var(--floor) 0 0);animation:equalizer-beat var(--speed) steps(8,end) var(--delay) infinite}
@keyframes equalizer-beat{0%,100%{clip-path:inset(var(--floor) 0 0)}20%{clip-path:inset(16.666% 0 0)}42%{clip-path:inset(58.333% 0 0)}64%{clip-path:inset(0 0 0)}82%{clip-path:inset(41.666% 0 0)}}
.equalizer-toggle{position:absolute;right:0;bottom:0;width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#707070;cursor:pointer;font:14px Arial,sans-serif;display:grid;place-items:center}
.equalizer-toggle:hover{color:#191919;border-color:#191919}
.equalizer.is-paused .equalizer-bars>span{animation-play-state:paused}
@media(min-width:701px) and (max-width:1000px){.opening-layout{grid-template-columns:max-content 105px minmax(0,1fr);gap:24px}.opening-art{width:105px}.equalizer-bars{gap:5px;height:180px}}
@media(max-width:700px){.opening-layout{grid-template-columns:minmax(0,1fr) 70px;gap:18px}.equalizer{grid-column:1/-1;justify-self:end;width:60%;height:104px;padding:0 0 22px;margin-top:8px}.equalizer-bars{height:72px;gap:6px}.equalizer-bars>span{background:repeating-linear-gradient(to top,#191919 0 5px,transparent 5px 8px)}.equalizer-toggle{width:26px;height:26px;bottom:-8px}}
@media(prefers-reduced-motion:reduce){.equalizer-bars>span{animation:none}.equalizer-toggle{display:none}}

/* ABOUT: real moments of people and culture coming together. */
.about{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(32px,5vw,72px);row-gap:28px;align-items:center}
.about>h2{grid-column:1/-1}.about-copy{min-width:0}.about-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.about h3{font-size:clamp(32px,3.4vw,48px)}
@media(max-width:800px){.about{grid-template-columns:minmax(0,1fr);gap:28px}.about>h2{grid-column:auto}.about-photo{width:100%}.about h3{font-size:32px}}

/* Frame the supplied product photograph more closely without altering it. */
.product-photo{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fff}
.product-photo>img{position:absolute;display:block;width:170%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-47%,-50%)}

.about-photo-takanawa{aspect-ratio:16/9;object-fit:cover;object-position:center bottom}

/* Editorial rhythm: let the words lead and the objects speak. */
.equalizer{width:82%;justify-self:end}.equalizer-bars{height:144px}.equalizer-bars>span{animation-duration:calc(var(--speed)*1.5)}
.editorial-space>img{aspect-ratio:3/2;object-fit:cover;object-position:center 58%}
.editorial-product,.editorial-space{gap:clamp(36px,6vw,85px)}
.collab-grid{gap:40px}.collab-grid img{aspect-ratio:4/5}
@media(max-width:700px){.equalizer{width:100%;justify-self:stretch;margin-top:12px;height:96px}.equalizer-bars{height:64px}.editorial-product,.editorial-space{gap:25px}.collab-grid{gap:32px}.collab-grid img{aspect-ratio:auto}}

/* Quiet scope credits and a clearly legible film control. */
.collab-role{margin:-18px 0 32px;max-width:100%}
.services-editorial{display:flex;flex-direction:column;gap:14px;margin:0}
.services-editorial p{font-size:16px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.play{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);padding:16px 24px;gap:14px;background:#fff;color:#191919;border:1px solid #191919;box-shadow:0 2px 14px #0002;font-size:20px}
.video button:hover .play,.video button:focus-visible .play{background:#191919;color:#fff;border-color:#fff}
@media(max-width:700px){.collab-role{margin:-8px 0 26px}.services-editorial{gap:12px}.play{padding:13px 18px}}