.upcoming-project{color:#252720;background:#e7e3da;padding-top:clamp(50px,7vw,110px);padding-bottom:clamp(50px,7vw,110px);scroll-margin-top:110px}.upcoming-copy{grid-template-columns:1.2fr 1fr;align-items:start;column-gap:8vw;margin-bottom:50px;display:grid}.upcoming-status{grid-column:1/-1;align-items:center;gap:10px;margin-bottom:30px;font-size:15px;display:flex}.upcoming-status>span{background:var(--red);border-radius:50%;width:7px;height:7px}.upcoming-copy h2{letter-spacing:-.065em;font-size:clamp(50px,7.5vw,130px);line-height:.95}.upcoming-copy h2>span{color:var(--red)}.upcoming-description{max-width:40ch;margin:0;font-size:clamp(18px,1.65vw,26px);line-height:1.4}.upcoming-note{color:#57594f;grid-column:2;margin-top:25px;font-size:16px}.upcoming-note em{font-family:Georgia,serif}.upcoming-visual{min-width:0}.upcoming-visual a{display:block;overflow:hidden}.upcoming-visual a:focus-visible{outline:2px solid var(--red);outline-offset:6px}.upcoming-visual img{width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block}.upcoming-visual a:hover img{transform:scale(1.015)}.upcoming-visual figcaption{color:#57594f;margin-top:16px;font-size:13px;line-height:1.5}.upcoming-project.is-compact{grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;display:grid}.is-compact .upcoming-copy{margin:0;display:block}.is-compact .upcoming-copy h2{font-size:clamp(45px,5.5vw,100px)}.is-compact .upcoming-description{max-width:28ch;margin-top:25px;font-size:clamp(18px,1.5vw,24px)}.is-compact .text-link{margin-top:30px}.upcoming-project.is-plate{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:start;column-gap:60px;padding-top:clamp(56px,5vw,96px);padding-bottom:clamp(56px,5vw,96px);display:grid}.is-plate .upcoming-copy{margin:0;display:block}.upcoming-number{font-variant-numeric:tabular-nums;color:#57594f;margin-bottom:18px;font-size:14px;line-height:1.5;display:block}.is-plate .upcoming-copy h2{letter-spacing:-.06em;font-size:clamp(44px,5.5vw,96px)}.is-plate .upcoming-status{margin:30px 0 0;font-size:14px}.is-plate .upcoming-description{letter-spacing:-.015em;max-width:34ch;margin-top:14px;font-size:18px;line-height:1.55}.is-plate .upcoming-note{margin-top:22px;font-size:15px}.is-plate .upcoming-visual a{border:1px solid #20211f24}@media (max-width:999px){.upcoming-project.is-plate{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:32px}}@media (max-width:700px){.upcoming-project,.upcoming-project.is-compact,.upcoming-project.is-plate{padding-top:42px;padding-bottom:38px;display:block}.is-plate .upcoming-copy{margin-bottom:30px}.upcoming-number{margin-bottom:12px;font-size:13px}.is-plate .upcoming-copy h2{font-size:13vw}.is-plate .upcoming-status{margin-top:22px;font-size:13px}.is-plate .upcoming-visual a{border-width:1px 0}.upcoming-copy{margin-bottom:30px;display:block}.upcoming-status{margin-bottom:25px;font-size:13px}.upcoming-copy h2,.is-compact .upcoming-copy h2{font-size:14vw}.upcoming-description,.is-compact .upcoming-description{margin-top:25px;font-size:18px}.upcoming-note{margin-top:18px;font-size:15px}.is-compact .upcoming-visual{margin-top:32px}.upcoming-visual{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}.upcoming-visual figcaption{margin:12px var(--gutter) 0;font-size:11px}}@media (prefers-reduced-motion:reduce){.upcoming-visual img{transition:none}.upcoming-visual a:hover img{transform:none}}.work-hero,.work-contents,.work-plate{--ease:cubic-bezier(.2, .75, .2, 1);--toc-cols:4ch minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, .9fr)}.plate-body{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);column-gap:60px;display:grid}.work-hero{grid-template-columns:var(--toc-cols);column-gap:32px;padding-top:clamp(36px,3.9vw,64px);padding-bottom:clamp(40px,4.4vw,72px);font-size:14px;display:grid}.work-hero h1{letter-spacing:-.065em;grid-area:1/1/2/-1;align-self:last baseline;font-size:clamp(64px,8.8vw,152px);line-height:1.03}.work-hero h1 em{letter-spacing:-.06em}.work-lead{letter-spacing:-.025em;text-wrap:pretty;grid-area:1/4;align-self:last baseline;font-size:clamp(18px,1.39vw,20px);line-height:1.45}.work-contents{--toc-name:clamp(44px, 6.2vw, 112px)}.work-contents ol{border-bottom:1px solid var(--line)}.work-contents li{border-top:1px solid var(--line)}.toc-row{grid-template-columns:var(--toc-cols);grid-template-areas:"number name line slit";align-items:center;column-gap:32px;padding:26px 0;font-size:14px;display:grid}.toc-number{margin-bottom:calc(var(--toc-name) * .72 - 10px);font-variant-numeric:tabular-nums;color:var(--muted-foreground);grid-area:number;line-height:1}.toc-name{font-size:var(--toc-name);letter-spacing:-.055em;white-space:nowrap;transition:transform .9s var(--ease);grid-area:name;font-weight:400;line-height:.95}.toc-name>span,.plate-head h2>span{color:var(--red)}.toc-line{grid-area:line}.toc-italic{letter-spacing:-.015em;text-wrap:balance;max-width:31ch;font:italic 22px/1.3 Georgia,serif;display:block}.toc-status{color:var(--muted-foreground);align-items:center;gap:10px;margin-top:10px;line-height:1.5;display:flex}.status-dot{background:var(--red);border-radius:50%;flex:none;width:7px;height:7px}.toc-slit{--rest:10%;aspect-ratio:12/5;background:#deded7;grid-area:slit;overflow:hidden}.toc-slit img,.tegel-photo img,.tiborn-sheet img{object-fit:cover;width:100%;height:100%}@media (min-width:701px){.toc-slit{clip-path:inset(calc(var(--focus) - var(--rest)) 0 calc(100% - var(--focus) - var(--rest)) 0);transition:clip-path .9s var(--ease)}.toc-row:focus-visible .toc-slit{clip-path:inset(0)}.toc-row:focus-visible .toc-name{transform:translate(.08em)}}@media (min-width:701px) and (hover:hover) and (pointer:fine){.toc-row:hover .toc-slit{clip-path:inset(0)}.toc-row:hover .toc-name{transform:translate(.08em)}}@media (min-width:701px) and (prefers-reduced-motion:no-preference){.toc-slit{animation:slit-in .9s var(--ease) backwards;animation-delay:calc(var(--i,0) * .12s)}}@keyframes slit-in{0%{clip-path:inset(var(--focus) 0 calc(100% - var(--focus)) 0)}}.work-plate{--plate-name:clamp(56px, 9vw, 150px);--plate-rule:var(--line);--plate-muted:var(--muted-foreground);padding-top:clamp(72px,7.6vw,120px);padding-bottom:clamp(72px,7.6vw,120px)}.plate-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"number number""name status";column-gap:32px;display:grid}.plate-number,.plate-status,.plate-facts dt,.plate-caption{color:var(--plate-muted);font-size:14px;line-height:1.5}.plate-number{font-variant-numeric:tabular-nums;grid-area:number;margin-bottom:18px}.plate-head h2{font-size:var(--plate-name);letter-spacing:-.07em;grid-area:name;align-self:last baseline;line-height:.95}.plate-status{text-align:right;grid-area:status;align-self:last baseline}.plate-body{align-items:start;margin-top:clamp(40px,4.2vw,64px)}.plate-facts{border-bottom:1px solid var(--plate-rule)}.plate-facts>div{border-top:1px solid var(--plate-rule);padding:13px 0 15px}.plate-facts dd{max-width:32ch;margin-top:3px;font-size:16px;line-height:1.5}.plate-line{letter-spacing:-.02em;text-wrap:balance;margin-top:-4px;font:italic 30px/1.2 Georgia,serif}.plate-text>p+p{letter-spacing:-.02em;text-wrap:pretty;max-width:620px;margin-top:22px;font-size:20px;line-height:1.6}.plate-links{flex-wrap:wrap;gap:4px 40px;margin-top:24px;display:flex}.plate-figure{margin-top:clamp(56px,6vw,96px)}.plate-caption{max-width:62ch;margin-top:20px}.tegel-stage{aspect-ratio:16/8.2;margin-bottom:3.1%;position:relative}.tegel-photo{background:#38352c;width:72%;position:absolute;inset:0 0 0 auto;overflow:hidden}.tegel-photo img{object-position:center 55%}.tegel-device{background:#262925;border:7px solid #262925;position:absolute;overflow:hidden}.tegel-device img{width:100%;height:auto}.tegel-desktop{border-width:10px;border-radius:8px;width:58%;top:18%;left:0;box-shadow:0 20px 60px #25292526}.tegel-desktop img{width:101.07%;max-width:none}.tegel-phone{border-radius:clamp(16px,1.7vw,24px);width:13%;bottom:-6%;right:6%;box-shadow:0 20px 35px #25292526}.tegel-figure.will-reveal,.fitfun-figure.will-reveal,.tiborn-sheet ul.will-reveal{opacity:1;transition:none;transform:none}.tegel-figure.will-reveal .tegel-photo,.fitfun-figure.will-reveal .fitfun-stage:before{clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease)}.tegel-figure.will-reveal .tegel-device,.fitfun-figure.will-reveal .fitfun-device{opacity:0;transition:opacity .7s ease .15s, transform .9s var(--ease) .15s;transform:translateY(25px)}.tegel-figure.will-reveal.is-visible .tegel-photo,.fitfun-figure.will-reveal.is-visible .fitfun-stage:before,.tiborn-sheet ul.will-reveal.is-visible li{clip-path:inset(0)}.tegel-figure.will-reveal.is-visible .tegel-device,.fitfun-figure.will-reveal.is-visible .fitfun-device{opacity:1;transform:none}.fitfun-stage{aspect-ratio:16/8.2;margin-bottom:3.1%;position:relative}.fitfun-stage:before{content:"";background:#050505;border-top:5px solid;border-image:linear-gradient(90deg,#e8608a 25%,#f8c000 25% 50%,#788c52 50% 75%,#4070b4 75%) 1;width:72%;position:absolute;inset:0 0 0 auto}.fitfun-device{background:#262925;border:7px solid #262925;position:absolute;overflow:hidden}.fitfun-device img{width:100%;height:auto}.fitfun-desktop{border-width:10px;border-radius:8px;width:60%;top:16%;left:0;box-shadow:0 20px 60px #25292526}.fitfun-phone{border-radius:clamp(16px,1.7vw,24px);width:13%;bottom:-6%;right:22%;box-shadow:0 20px 35px #00000040}.fitfun-admin{bottom:9%;right:5%}.plate-ink{--plate-name:clamp(64px, 11vw, 190px);--plate-rule:#ffffff30;--plate-muted:#c5c5ba;background:var(--ink);color:#f1f0eb}.plate-ink .plate-line{color:#c7cabb}.plate-ink .plate-text>p+p{color:#c5c5ba}.tiborn-sheet ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.tiborn-sheet li{aspect-ratio:16/10;transition:opacity .4s var(--ease);background:#2b2c29;overflow:hidden}.tiborn-sheet img{transition:transform .9s var(--ease)}.tiborn-sheet ul.will-reveal li{clip-path:inset(100% 0 0);transition:clip-path .9s var(--ease) calc(var(--i,0) * 35ms), opacity .4s var(--ease)}@media (hover:hover) and (pointer:fine){.tiborn-sheet ul:has(li:hover) li:not(:hover){opacity:.5}.tiborn-sheet li:hover img{transform:scale(1.03)}}.tiborn-sheet figcaption{justify-content:space-between;align-items:baseline;gap:40px;display:flex}.tiborn-sheet figcaption .text-link{flex:none}@keyframes band-open{0%{clip-path:inset(0 var(--gutter))}to{clip-path:inset(0)}}@supports (animation-timeline:view()){@media (min-width:1000px) and (prefers-reduced-motion:no-preference){.plate-ink{animation:band-open var(--ease) both;animation-duration:auto;animation-timeline:view();animation-range:entry entry 60%}}}@media (max-width:999px){.work-hero,.plate-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:32px}.work-hero h1{align-self:start}.work-lead{grid-area:2/2;place-self:start;max-width:440px;margin-top:32px}.toc-row{grid-template-columns:4ch minmax(0,1fr);grid-template-areas:"number name"".line""slit slit";gap:14px 24px}.toc-italic{max-width:40ch}.toc-slit{aspect-ratio:3;clip-path:none;margin-top:8px;animation:none}.plate-line{font-size:26px}.plate-text>p+p{font-size:18px}.tegel-stage{aspect-ratio:auto;margin-bottom:28px}.tegel-photo{aspect-ratio:4/3;width:100%;position:relative}.tegel-desktop{width:88%;margin-top:-48px;position:relative;top:auto}.tegel-phone{width:18%;bottom:-28px;right:0}.fitfun-stage{aspect-ratio:auto;margin-bottom:36px;padding-top:48px}.fitfun-stage:before{height:75%;inset:0 0 auto auto}.fitfun-desktop{width:82%;position:relative;top:auto}.fitfun-phone{width:17%;bottom:-28px;right:20%}.fitfun-admin{bottom:0;right:0}}@media (min-width:1000px) and (max-width:1199px){.toc-status .status-sep{display:none}.toc-status .nowrap{display:block}}@media (max-width:700px){.work-hero{padding-top:32px;padding-bottom:36px;display:block}.work-hero h1{letter-spacing:-.06em;font-size:13vw;line-height:1.07}.work-lead{max-width:none;margin-top:24px;font-size:18px}.work-contents{--toc-name:13vw}.toc-row{gap:12px 14px;padding:22px 0 24px}.toc-name{white-space:normal}.toc-italic{font-size:19px}.toc-status,.plate-number,.plate-status,.plate-caption{font-size:13px}.toc-slit{aspect-ratio:16/7;margin-top:6px}.work-plate{padding-top:56px;padding-bottom:60px}.plate-head,.plate-body,.tiborn-sheet figcaption{display:block}.plate-number{margin-bottom:12px}.plate-status{text-align:left;margin-top:14px}.plate-body{margin-top:32px}.plate-text{margin-top:34px}.plate-line{margin-top:0;font-size:24px}.plate-text>p+p{margin-top:16px;font-size:17px}.plate-links{flex-direction:column;margin-top:18px}.plate-figure{margin-top:44px}.tegel-stage{margin-bottom:40px}.tegel-photo{width:auto;margin:0 calc(-1 * var(--gutter))}.tegel-desktop{border-width:4px;border-radius:4px;width:100%;margin-top:-32px}.tegel-phone{border-width:4px;border-radius:14px;width:26%;bottom:-40px;right:4%}.fitfun-stage{margin-bottom:84px;padding-top:32px}.fitfun-stage:before{width:auto;left:18%;right:calc(-1 * var(--gutter))}.fitfun-desktop{border-width:4px;border-radius:4px;width:100%}.fitfun-phone{border-width:4px;border-radius:14px;width:22%;bottom:-76px;right:28%}.fitfun-admin{bottom:-48px;right:2%}.tiborn-sheet ul{margin:0 calc(-1 * var(--gutter))}.tiborn-sheet figcaption .text-link{margin-top:10px}}@media (prefers-reduced-motion:reduce){.toc-slit{clip-path:none}}
