*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#11110f;color:#eee;font-family:"Noto Sans JP",sans-serif;font-weight:300}.studies-nav{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:30px 5vw;font:10px "Cinzel",serif;letter-spacing:.18em}.studies-nav a{color:inherit;text-decoration:none}.studies-nav>span{margin-right:120px}.studies-hero{min-height:78vh;padding:22vh 6vw 9vh}.studies-hero>p{font:10px "Cinzel",serif;letter-spacing:.24em;color:#8d8d88}.studies-hero h1{font:300 clamp(60px,11vw,170px)/1 "Cinzel",serif;letter-spacing:.02em;margin:35px 0 80px}.studies-hero>div{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid #393936;padding-top:28px}.studies-hero span{font:400 20px "Noto Serif JP",serif;letter-spacing:.1em}.studies-hero div p{max-width:640px;margin:0;color:#aaa;font-size:13px;line-height:2.1;letter-spacing:.05em}.studies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6vw 18px;padding:0 18px 150px}.study-card{color:inherit;text-decoration:none;display:block}.study-card.large{grid-column:1/-1}.study-card.wide{grid-column:1/-1;width:70%;margin-left:auto}.study-media{position:relative;height:55vw;max-height:800px;overflow:hidden;background:#222}.study-card:not(.large):not(.wide) .study-media{height:38vw}.study-card.wide .study-media{height:36vw}.study-media img,.study-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s,transform 1.2s cubic-bezier(.2,.7,.2,1);filter:brightness(.78)}.study-media video{opacity:0}.study-card:hover video,.study-card.is-playing video{opacity:1}.study-card:hover img,.study-card.is-playing img{opacity:0}.study-card:hover .study-media img,.study-card:hover .study-media video,.study-card.is-playing .study-media img,.study-card.is-playing .study-media video{transform:scale(1.035)}.study-info{padding:24px 2px}.study-info small{font:9px "Cinzel",serif;letter-spacing:.16em;color:#85857e}.study-info h2{font:400 clamp(27px,4vw,58px) "Noto Serif JP",serif;letter-spacing:.05em;margin:14px 0}.study-info p{font-size:12px;color:#999;letter-spacing:.05em}.studies-footer{padding:145px 6vw;text-align:center;background:#e4e1da;color:#171714}.studies-footer>p{font:10px "Cinzel",serif;letter-spacing:.22em}.studies-footer h2{font:300 clamp(32px,5vw,70px)/1.65 "Noto Serif JP",serif;letter-spacing:.09em;margin:34px 0 55px}.studies-footer a{color:#171714;text-decoration:none;border-bottom:1px solid;padding-bottom:10px;font:10px "Cinzel",serif;letter-spacing:.18em}

/* Studies menu */
.studies-menu-trigger{position:fixed;z-index:10002;top:20px;right:34px;width:42px;height:48px;padding:0;border:0;background:transparent;color:#fff;mix-blend-mode:difference;cursor:pointer}.studies-menu-trigger>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.studies-menu-trigger i{position:absolute;right:0;width:38px;height:1px;background:currentColor;transition:top .5s cubic-bezier(.76,0,.24,1),transform .5s cubic-bezier(.76,0,.24,1)}.studies-menu-trigger i:nth-of-type(1){top:19px}.studies-menu-trigger i:nth-of-type(2){top:27px}.studies-menu-trigger.active{mix-blend-mode:normal}.studies-menu-trigger.active i{top:23px}.studies-menu-trigger.active i:nth-of-type(1){transform:rotate(45deg)}.studies-menu-trigger.active i:nth-of-type(2){transform:rotate(-45deg)}
.studies-menu{position:fixed;z-index:10001;inset:0;overflow:hidden;padding:32px 6vw 44px;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.07),transparent 30%),linear-gradient(135deg,#070706,#171714 54%,#090908);color:#eee;visibility:hidden;opacity:0;clip-path:inset(0 0 100%);transition:clip-path .85s cubic-bezier(.76,0,.24,1),opacity .45s,visibility 0s .85s}.studies-menu.active{visibility:visible;opacity:1;clip-path:inset(0);transition:clip-path .85s cubic-bezier(.76,0,.24,1),opacity .45s}.studies-menu::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5vw - 1px),rgba(255,255,255,.025) 12.5vw)}.studies-menu-head,.studies-menu-body{position:relative;z-index:2}.studies-menu-head{display:flex;justify-content:space-between;padding:0 120px 20px 0;border-bottom:1px solid rgba(255,255,255,.15);color:#99978f;font:9px "Cinzel",serif;letter-spacing:.2em}.studies-menu-body{display:grid;grid-template-columns:minmax(130px,20vw) minmax(420px,780px);gap:6vw;margin-top:7vh}.studies-menu-body>p{margin:11px 0;color:#77766f;font:9px "Cinzel",serif;letter-spacing:.24em}.studies-menu-links{border-top:1px solid rgba(255,255,255,.16)}.studies-menu-links a{position:relative;display:grid;grid-template-columns:1fr 170px;align-items:center;gap:25px;padding:15px 42px 15px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#ece9e2;text-decoration:none;transition:transform .45s,color .45s,border-color .45s}.studies-menu-links a::after{content:"";position:absolute;right:0;width:24px;height:1px;background:#d7d3ca;transform:scaleX(.25);transform-origin:right;transition:transform .5s cubic-bezier(.22,1,.36,1)}.studies-menu-links a:hover{color:#fff;transform:translateX(10px);border-color:rgba(255,255,255,.34)}.studies-menu-links a:hover::after{transform:scaleX(1)}.studies-menu-links a[aria-current="page"]{color:#a6a39a}.studies-menu-links span{font:300 clamp(27px,4vw,55px)/1 "Cinzel",serif;letter-spacing:.06em}.studies-menu-links small{color:#77766f;font-size:10px;letter-spacing:.1em}.studies-menu-mark{position:absolute;z-index:0;right:-.04em;bottom:-.25em;margin:0;color:rgba(255,255,255,.035);font:300 clamp(160px,27vw,430px)/1 "Cinzel",serif;letter-spacing:-.06em;pointer-events:none}

/* In-place case study */
.studies-case-layer{position:fixed;z-index:9000;inset:0;background:#f2f0eb;visibility:hidden;opacity:0;transform:translateY(7%) scale(.985);clip-path:inset(100% 0 0);transition:clip-path .9s cubic-bezier(.76,0,.24,1),transform .9s cubic-bezier(.76,0,.24,1),opacity .45s,visibility 0s .9s}.studies-case-layer.active{visibility:visible;opacity:1;transform:translateY(0) scale(1);clip-path:inset(0);transition:clip-path .9s cubic-bezier(.76,0,.24,1),transform .9s cubic-bezier(.76,0,.24,1),opacity .45s}.studies-case-layer iframe{width:100%;height:100%;border:0;opacity:0;transform:translateY(18px);transition:opacity .6s ease .15s,transform .7s cubic-bezier(.16,1,.3,1) .15s}.studies-case-layer.loaded iframe{opacity:1;transform:none}.studies-case-loader{position:absolute;inset:0;display:grid;place-content:center;gap:18px;text-align:center;color:#111;transition:opacity .4s}.studies-case-loader span{width:44px;height:1px;background:#111;animation:studies-load 1.25s ease-in-out infinite}.studies-case-loader p{font:9px "Cinzel",serif;letter-spacing:.2em}.studies-case-layer.loaded .studies-case-loader{opacity:0;pointer-events:none}.studies-case-close{position:absolute;z-index:3;top:24px;left:28px;width:70px;height:70px;border:0;border-radius:50%;background:#111;color:#fff;cursor:pointer;transform:scale(.75);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1) .35s,opacity .35s .35s}.studies-case-layer.active .studies-case-close{transform:scale(1);opacity:1}.studies-case-close span{position:absolute;top:34px;left:23px;width:24px;height:1px;background:#fff}.studies-case-close span:first-child{transform:rotate(45deg)}.studies-case-close span:nth-child(2){transform:rotate(-45deg)}.studies-case-close em{position:absolute;left:0;right:0;bottom:-20px;color:#111;font:9px "Cinzel",serif;font-style:normal;letter-spacing:.14em}@keyframes studies-load{50%{transform:scaleX(.25);opacity:.3}}body.case-open,body.menu-open{overflow:hidden}

@media(max-width:768px){.studies-nav{padding:24px}.studies-nav span{display:none}.studies-menu-trigger{top:12px;right:18px}.studies-menu{padding:24px}.studies-menu-head span:last-child{display:none}.studies-menu-body{display:block;margin-top:11vh}.studies-menu-body>p{margin-bottom:25px}.studies-menu-links a{grid-template-columns:1fr auto;padding:18px 34px 18px 0}.studies-menu-links span{font-size:29px}.studies-menu-links small{font-size:9px}.studies-menu-mark{right:-.08em;bottom:.02em;font-size:34vw;writing-mode:vertical-rl}.studies-case-close{top:14px;left:14px;width:56px;height:56px}.studies-case-close span{top:28px;left:17px}.studies-hero{padding:19vh 24px 80px;min-height:auto}.studies-hero h1{font-size:54px;margin:28px 0 60px}.studies-hero>div{display:block}.studies-hero div p{margin-top:24px}.studies-grid{display:block;padding:0 12px 100px}.study-card,.study-card.wide{width:100%;margin:0 0 60px}.study-media,.study-card:not(.large):not(.wide) .study-media,.study-card.wide .study-media{height:66vw}.study-info h2{font-size:29px}.studies-footer{padding:100px 24px}}
@media(prefers-reduced-motion:reduce){.studies-menu,.studies-case-layer,.studies-case-layer iframe{transition-duration:.01ms}.studies-case-loader span{animation:none}}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body.embed .studies-nav,body.embed .studies-menu-trigger,body.embed .studies-menu{display:none}

.studies-page-progress{position:fixed;z-index:90;top:50%;right:30px;display:flex;flex-direction:column;align-items:center;gap:15px;transform:translateY(-50%);color:#777;pointer-events:none}.studies-page-progress>span{font:8px "Cinzel",serif;letter-spacing:.22em;writing-mode:vertical-rl}.studies-page-progress>div{position:relative;width:1px;height:150px;background:rgba(255,255,255,.16);overflow:hidden}.studies-page-progress>div i{position:absolute;inset:0;width:1px;background:#eee;transform:scaleY(0);transform-origin:top;will-change:transform;box-shadow:0 0 8px rgba(255,255,255,.55)}.studies-page-progress>b{min-width:24px;color:#aaa;font:300 8px "Cinzel",serif;letter-spacing:.12em;text-align:center}.studies-page-progress>b::after{content:"%"}.studies-page-progress.complete>div i{box-shadow:0 0 12px #fff}@media(max-width:700px){.studies-page-progress{right:10px;gap:10px}.studies-page-progress>span{display:none}.studies-page-progress>div{height:96px}.studies-page-progress>b{font-size:7px}}

.studies-page-progress{right:28px;gap:0}.studies-page-progress>span,.studies-page-progress>b{display:none}.studies-page-progress>div{height:170px;overflow:visible}.studies-page-progress>div i{box-shadow:0 0 6px #fff,0 0 18px rgba(210,225,255,.7)}@media(max-width:700px){.studies-page-progress{right:10px}.studies-page-progress>div{height:100px}}