/*! Hirro Sans by Dimitri Antonov / Blue Curve Designstudio, CC BY 4.0. See fonts/Hirro-CREDITS.txt. */
@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Thin.woff2?v=2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Light.woff2?v=2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Regular.woff2?v=2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Medium.woff2?v=2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Semibold.woff2?v=2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Bold.woff2?v=2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hirro Sans;src:url(/fonts/HirroSans-Black.woff2?v=2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Attack Type;src:url(/fonts/AttackType-Cyrillic.woff2?v=3)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-text:"Hirro Sans", sans-serif;font-family:var(--font-text);color:#f5edcf;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#252820}*{box-sizing:border-box}body{min-width:320px;font-family:var(--font-text);margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button,input,select,textarea{font-family:var(--font-text)}::selection{color:#252820;background:#e3cd60}.city-intro{color:#fff0c2;background:#30312b;height:100%;position:relative;overflow:clip}.city-backdrop,.city-shade{pointer-events:none;position:absolute;inset:0}.city-backdrop{transition:transform 1.6s var(--ease-scene), filter 1.2s, opacity 1.2s}.city-backdrop video{object-fit:cover;object-position:60% center;width:100%;height:100%;display:block}.city-shade{background:linear-gradient(90deg,#20241ee6,#25251f75 40%,#0000 75%),linear-gradient(#33241b22,#0000 62%,#1d211de8);transition:background 1s}.intro-masthead{z-index:3;letter-spacing:normal;text-transform:none;justify-content:space-between;gap:20px;font-size:11px;font-weight:400;display:flex;position:absolute;top:5%;left:6%;right:6%}.portfolio .introduction{width:84%;margin:0;top:29%;left:8%}.hello{color:#f4b88c;margin:0 0 2px;font:400 clamp(27px,3vw,46px)/1.2 Attack Type,Georgia,serif}.introduction h1{letter-spacing:normal;width:fit-content;margin:0;font:400 clamp(100px,min(16vw,26vh),280px)/1.1 Attack Type,Georgia,serif}.introduction-note{max-width:56ch;margin:25px 0 0;position:relative}.introduction-note p+p{margin-top:10px}.introduction-note p{color:#ebd8b8;margin:0;font-size:clamp(13px,1.15vw,17px);line-height:1.8}.intro-footer{z-index:3;justify-content:space-between;align-items:flex-end;gap:25px;transition:opacity .5s,transform .8s;display:flex;position:absolute;bottom:7%;left:8%;right:8%}.works-link{color:#fff0c2;background:0 0;border:0;border-bottom:1px solid #f4d8958c;justify-content:space-between;align-items:center;gap:35px;min-width:230px;padding:15px 0;font-size:14px;display:inline-flex}.works-link .drawn-arrow{transition:translate .3s}.works-link:hover .drawn-arrow{translate:7px}.intro-disciplines{color:#dac8a6;text-align:right;font-size:10px;line-height:1.8}.intro-masthead,.introduction-note p,.intro-disciplines,.works-link{font-family:var(--font-text)}.city-frame{pointer-events:none;border:1px solid #f5d99a24;position:absolute;inset:18px}.portfolio:not([data-view=intro]) .intro-masthead,.portfolio:not([data-view=intro]) .intro-footer{opacity:0;pointer-events:none;transform:translateY(-15px)}.portfolio:not([data-view=intro]) .city-backdrop{filter:blur(4px)saturate(.6);opacity:.25;transform:scale(1.08)}.portfolio[data-view=project] .city-backdrop{opacity:0}@media (width<=700px){.intro-masthead{font-size:8px;top:5%}.intro-masthead span:last-child{text-align:right;max-width:130px;line-height:1.6}.portfolio .introduction{top:27%}.introduction h1{font-size:21vw}.hello{font-size:30px}.introduction-note{margin-top:24px}.city-backdrop video{object-position:60% center}.city-shade{background:linear-gradient(90deg,#20241eb5,#0000),linear-gradient(#0000 40%,#1d211df5)}.city-frame{inset:10px}.intro-footer{bottom:7%}.works-link{gap:16px;min-width:180px;font-size:12px}.intro-disciplines{font-size:8px}}@media (height<=500px){.portfolio .introduction{top:20%}.introduction h1{font-size:21vh}.hello{font-size:22px}.introduction-note{margin-top:12px}.intro-footer{bottom:6%}}:root{--ease-scene:cubic-bezier(.22, 1, .36, 1)}html,body,#root{width:100%;height:100%;overflow:clip}button{font:inherit;font-family:var(--font-text);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:7px;outline:2px solid}h1:focus,h2:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:clip}.portfolio{isolation:isolate;touch-action:pinch-zoom;background:#252820;height:100svh;min-height:0;position:fixed;inset:0;overflow:clip}.intro-layer{position:absolute;inset:0}.portfolio .introduction{transition:opacity .65s, transform 1.1s var(--ease-scene), filter .7s;padding:0;position:absolute;top:19%}.portfolio[data-view=map] .introduction,.portfolio[data-view=project] .introduction,.portfolio[data-view=category] .introduction{opacity:0;filter:blur(10px);transform:translate(-8%,-40px)scale(.92)}.work-map{z-index:4;opacity:0;visibility:hidden;transition:opacity .65s, transform 1.15s var(--ease-scene), visibility .8s;position:absolute;inset:0;transform:translateY(60px)scale(1.06)}.portfolio[data-view=map] .work-map{opacity:1;visibility:visible;transform:none}.portfolio[data-view=map][data-map-delayed] .work-map{transition-delay:.2s}.eyebrow{font:400 11px/1.5 var(--font-text);text-transform:none;letter-spacing:normal;opacity:.75}.project-view{z-index:10;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(7% 9% round 8px);transition:opacity .6s, transform 1s var(--ease-scene), clip-path 1s var(--ease-scene), visibility 1s;position:absolute;inset:0;overflow:clip;transform:scale(.9)}.project-view.is-active{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0);transform:none}.project-view--magazine{color:#f7e9d2;background:#b22e2b}.project-view--comedy{color:#681822;background:#eee0ac}.project-view--city{color:#ffedaf;background:#35212e}.project-view--lamp{color:#42372b;background:#dcd2c2}.case-topline{z-index:5;font:400 11px/1.5 var(--font-text);letter-spacing:normal;justify-content:space-between;align-items:center;display:flex;position:absolute;top:4%;left:5%;right:5%}.back-to-map{background:0 0;border:0;padding:10px 0;font-size:12px}.case-slide{opacity:0;visibility:hidden;transition:opacity .25s, transform .35s var(--ease-scene), visibility .35s;position:absolute;inset:0;transform:translateY(3%)scale(1.015)}.case-slide.is-current{opacity:1;visibility:visible;transform:none}.case-heading{z-index:3;pointer-events:none;position:absolute;top:14%;left:6%}.case-heading h2{letter-spacing:normal;margin:8px 0 0;font:400 clamp(30px,3.8vw,60px)/1.05 Attack Type,Georgia,serif}.case-art{position:absolute;inset:25% 6% 14%}.case-art>div{width:100%;height:100%;position:relative}.case-art img{object-fit:contain;max-width:100%;max-height:100%;display:block}.case-navigation{z-index:6;align-items:center;gap:24px;display:flex;position:absolute;bottom:4%;left:6%;right:6%}.scene-arrow{background:0 0;border:1px solid;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;transition:background .2s,transform .3s;display:grid}.scene-arrow:hover{background:#ffffff17;transform:rotate(-10deg)}.scene-arrow:last-child{margin-left:auto}.scene-steps{align-items:center;gap:6px;display:flex}.scene-steps button{background:0 0;border:0;place-items:center;padding:12px 4px;display:grid}.scene-steps span{opacity:.25;background:currentColor;width:23px;height:2px;transition:opacity .25s,width .3s;display:block}.scene-steps [aria-current] span{opacity:1;width:50px}.magazine-cover{justify-content:center;align-items:center;display:flex}.magazine-cover img{object-fit:contain;width:auto;max-width:50%;height:103%;position:relative;transform:rotate(-8deg);box-shadow:0 30px 60px #32060445}.giant-type{color:#571d2480;letter-spacing:-.12em;font:400 clamp(150px,28vw,440px)/1 Hirro Sans,Arial,sans-serif;position:absolute;top:-10%;left:-3%}.printed-note{letter-spacing:normal;font:24px/1.1 Attack Type,Georgia,serif;position:absolute;bottom:5%;right:1%;transform:rotate(-7deg)}.magazine-spreads{align-items:center;gap:5%;display:flex}.magazine-spreads img:first-child{width:45%;transform:rotate(-6deg);box-shadow:0 25px 40px #31081240}.magazine-spreads img:last-child{width:51%;transform:rotate(4deg);box-shadow:0 25px 40px #31081240}.magazine-detail{align-items:center;gap:7%;display:flex}.magazine-detail img{width:67%;transform:rotate(2deg)}.circular-text{letter-spacing:-.055em;width:26%;font:800 clamp(30px,5.5vw,95px)/.9 Hirro Sans,Arial,sans-serif}.circular-text i{color:#fed84e;font-style:normal}.comedy-poster{justify-content:space-around;align-items:center;display:flex}.comedy-poster img{z-index:1;width:auto;height:112%;transform:rotate(7deg);box-shadow:10px 20px 40px #67172835}.comedy-lettering{z-index:1;letter-spacing:normal;font:clamp(45px,7.5vw,125px)/.8 Attack Type,Georgia,serif;position:relative}.comedy-lettering i{margin-left:50px;font-weight:400;display:block}.comedy-lettering>span{font:400 11px/1.5 var(--font-text);letter-spacing:normal;margin-top:35px;display:block}.stage-rays{background:repeating-conic-gradient(from 10deg at 50% 50%, #b5212920 0 10deg, transparent 10deg 25deg);border-radius:50%;width:80%;height:170%;position:absolute;top:-35%;right:-20%;-webkit-mask-image:radial-gradient(#000,#0000 65%);mask-image:radial-gradient(#000,#0000 65%)}.comedy-identity{justify-content:center;align-items:center;gap:4%;display:flex}.comedy-identity img:first-child{width:45%;transform:rotate(-5deg);box-shadow:0 20px 35px #60172530}.comedy-identity img:nth-child(2){width:25%;max-height:100%;transform:rotate(5deg);box-shadow:0 20px 35px #60172530}.comedy-identity img:last-child{width:24%;transform:rotate(-6deg)}.lamp-cover{justify-content:flex-end;align-items:center;display:flex}.lamp-cover img{object-fit:contain;width:63%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%);mask-image:linear-gradient(90deg,#0000,#000 15%)}.lamp-word{z-index:2;letter-spacing:-.065em;font:300 clamp(65px,10vw,160px)/.9 Hirro Sans,sans-serif;position:absolute;top:15%;left:2%}.lamp-word i{letter-spacing:normal;font:400 1.02em/1.2 Attack Type,Georgia,serif}.lamp-concept{align-items:center;gap:6%;display:flex}.lamp-concept img{width:69%}.lamp-concept p{letter-spacing:-.04em;font-size:clamp(20px,2.5vw,40px);line-height:1.3}.lamp-concept i{letter-spacing:normal;font-family:Attack Type,Georgia,serif;font-size:1.2em;font-style:normal}.lamp-room img{object-fit:cover;object-position:center 55%;width:100%;height:100%}.project-view--city .case-art{inset:0}.project-view--city .case-heading{text-shadow:0 2px 18px #170912}.city-cinema{overflow:clip}.city-cinema video,.city-cinema>img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.city-cinema:after{content:"";background:linear-gradient(#26122490,#0000 40%,#170e25a0);position:absolute;inset:0}.city-title{z-index:1;letter-spacing:-.07em;font:400 clamp(70px,12vw,180px)/.8 Hirro Sans,sans-serif;position:absolute;bottom:19%;left:7%}.city-title i{letter-spacing:normal;font-family:Attack Type,Georgia,serif;font-size:1.3em;font-style:normal;font-weight:400}@media (width<=1000px){.printed-note{font-size:19px}}@media (width<=700px){.portfolio .introduction{top:12%}.case-topline{top:3%}.back-to-map{font-size:11px}.case-heading{top:13%;right:6%}.case-heading h2{max-width:90%;font-size:37px}.case-art{inset:29% 6% 15%}.case-navigation{gap:14px;bottom:4%}.scene-arrow{width:38px;height:38px}.scene-steps span{width:15px}.scene-steps [aria-current] span{width:28px}.magazine-cover img{width:auto;max-width:85%;height:88%}.giant-type{font-size:38vw;top:0}.printed-note{font-size:22px;bottom:2%;right:2%}.magazine-spreads{flex-direction:column;justify-content:center;gap:9%}.magazine-spreads img:first-child{width:68%;max-height:47%}.magazine-spreads img:last-child{width:92%;max-height:47%}.magazine-detail{flex-direction:column;justify-content:center;gap:15%}.circular-text{width:100%;font-size:30px;line-height:1}.circular-text br{display:none}.circular-text i{margin-left:8px}.magazine-detail img{width:100%}.comedy-lettering{z-index:2;font-size:43px;position:absolute;top:-4%;left:0}.comedy-lettering i{margin-left:15px}.comedy-lettering>span{display:none}.comedy-poster img{max-width:67%;height:87%;margin-top:17%;margin-left:22%}.comedy-identity{flex-wrap:wrap;align-content:center;gap:20px}.comedy-identity img:first-child{width:80%;max-height:39%}.comedy-identity img:nth-child(2){width:39%;max-height:47%}.comedy-identity img:last-child{width:43%;max-height:40%}.lamp-cover{align-items:flex-end}.lamp-cover img{width:100%;height:80%;-webkit-mask-image:linear-gradient(#0000,#000 15%);mask-image:linear-gradient(#0000,#000 15%)}.lamp-word{font-size:20vw;top:-4%;left:0}.lamp-concept{flex-direction:column;justify-content:center}.lamp-concept img{width:100%}.lamp-concept p{align-self:flex-start;font-size:25px}.lamp-room img{object-position:center}.city-cinema video,.city-cinema>img{object-position:55%}}@media (height<=600px) and (width>=701px){.portfolio .introduction{top:12%}.portfolio .introduction h1{font-size:clamp(80px,18vh,150px)}.portfolio .hello{font-size:30px}.case-heading{top:14%}.case-heading h2{font-size:30px}.case-art{inset:28% 9% 18%}.scene-arrow{width:32px;height:32px}}@media (width<=700px) and (height<=650px){.case-heading h2{font-size:31px}.comedy-lettering{font-size:34px}}.drawn-arrow{vertical-align:middle;flex:none;width:36px;height:26px;display:inline-block;overflow:visible}.drawn-arrow path{stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}.drawn-arrow--forward{transform:rotate(180deg)}.drawn-arrow--diagonal{transform:rotate(135deg)}.category-back,.back-to-map{align-items:center;gap:10px;display:inline-flex}.category-back>.drawn-arrow,.back-to-map>.drawn-arrow{transition:translate .35s var(--ease-scene)}.category-back:hover>.drawn-arrow,.back-to-map:hover>.drawn-arrow{translate:-4px}.scene-arrow .drawn-arrow{width:26px;height:22px}.case-breadcrumb{align-items:center;gap:24px;display:flex}.project-view--paper{color:#f3e7cd;background:#20172f}.project-view--interior{color:#ffecd2;background:#ad422d}.project-view--botanical{color:#2e2925;background:#eac534}.project-view--stickers{color:#392244;background:#c3a6d2}.project-view--stickers .case-slide{transition:none;transform:none}.stickers-sheet .stickers-cut-layer{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.single-art,.paper-showcase{justify-content:center;align-items:center;display:flex}.single-art img{object-fit:contain;width:100%;height:100%}.room-cover{width:100%;height:100%;display:block;overflow:hidden}.project-view--interior .case-art{inset:26% 4% 12%}.project-view--interior .case-heading h2{font-size:clamp(28px,3.4vw,54px)}.project-view--shapes{color:#ffe778;background:#252a28}.project-view--liquid{color:#55256d;background:#eee16a}.project-view--morph{color:#f0c8ff;background:#1e0b32}.animation-showcase{justify-content:center;align-items:center;display:flex}.animation-showcase video,.animation-showcase>img{object-fit:contain;width:100%;height:100%}.comedy-system{overscroll-behavior:contain;touch-action:pan-y;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:6%;display:grid;overflow-y:auto}.comedy-type{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1.2fr;align-items:center;gap:5%;min-height:0;display:grid}.comedy-type h3{margin:12px 0;font-size:clamp(19px,2.1vw,32px);font-weight:500}.comedy-system p{max-width:40ch;margin:10px 0 0;font-size:clamp(12px,1.05vw,16px);line-height:1.6}.comedy-type>img{object-fit:contain;background:#fff;width:100%;min-width:0;height:100%;min-height:0}.comedy-patterns{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1.2fr .6fr .6fr;align-items:center;gap:3%;min-height:0;display:grid}.comedy-patterns img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0}.paper-showcase{container-type:size}.paper-showcase video,.paper-showcase>img{aspect-ratio:16/9;object-fit:contain;mix-blend-mode:screen;width:min(100cqw,177.778cqh);height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000),linear-gradient(#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.map-heading{position:absolute;top:8%;left:8%}.map-heading .eyebrow{color:#e6bf7e}.map-heading h2{color:#fff0c2;margin:12px 0 0;font:400 clamp(48px,5.8vw,90px)/1.1 Attack Type,Georgia,serif}.category-orbits{grid-template-columns:repeat(4,minmax(0,1fr));gap:3%;display:grid;position:absolute;inset:31% 8% 9%}.category-object{color:#fff0c2;text-align:left;background:0 0;border:0;align-self:start;min-width:0;padding:0;position:relative}.category-art{background:#242820b3;border:1px solid #e5ce915c;height:clamp(130px,28vh,340px);margin-bottom:22px;padding:25px 14px 16px;transition:border-color .5s,background .5s;display:block;position:relative;overflow:hidden}.category-art-front{object-fit:contain;filter:drop-shadow(0 12px 15px #0005);width:100%;height:100%;transition:transform .7s var(--ease-scene);display:block}.category-object--animation .category-art-front{object-fit:cover;object-position:60%}.window-number{letter-spacing:normal;color:#e6bf7e;font-size:8px;position:absolute;top:7px;left:10px}.category-object:hover .category-art,.category-object:focus-visible .category-art{background:#45432dd9;border-color:#e3cd60}.category-object:hover .category-art-front,.category-object:focus-visible .category-art-front{transform:scale(1.06)}.category-object strong{font:400 clamp(23px,2.6vw,43px)/1.1 Attack Type,Georgia,serif;display:block}.category-object--3d strong{font-size:clamp(33px,4vw,65px)}.category-object small{color:#d4c4a6;margin-top:12px;font-size:11px;line-height:1.7;display:block}.category-object small,.collection-caption,.category-back{font-family:var(--font-text)}.category-view{--category-inset:8%;z-index:8;color:#fff0c2;opacity:0;visibility:hidden;transition:opacity .6s, transform 1s var(--ease-scene), visibility 1s;background:linear-gradient(125deg,#332c23f5,#252820ed 65%);position:absolute;inset:0;transform:translateY(4%)}.category-view:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 1px),#dfc58b0b calc(20% - 1px) 20%);position:absolute;inset:0}.category-view.is-active{opacity:1;visibility:visible;transform:none}.category-back{top:4%;left:calc(var(--category-inset) - 46px);background:0 0;border:0;padding:10px 0;font-size:12px;position:absolute}.category-heading{left:var(--category-inset);right:var(--category-inset);position:absolute;top:12%}.category-heading .eyebrow{color:#e6bf7e}.category-heading h2{margin:10px 0 0;font:400 clamp(40px,5.8vw,88px)/1.1 Attack Type,Georgia,serif}.category-collection{inset:36% var(--category-inset) 8%;overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;scrollbar-color:#bca86a #252820;grid-template-columns:repeat(2,minmax(0,1fr));gap:7%;margin:-8px -10px -12px;padding:8px 10px 12px;display:grid;position:absolute;overflow-y:auto}.category-view--3d .category-collection{column-gap:3%;top:32%;right:3%}.category-view--3d .collection-picture{height:min(48vh,560px)}.category-collection--many{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:28px 4%}.category-collection--many .collection-picture{height:clamp(120px,22vh,260px)}.category-collection--single{grid-template-columns:minmax(0,740px);justify-content:start}.category-collection--single .collection-picture{height:min(39vh,460px)}.category-view--illustration .category-collection{grid-template-rows:none;grid-auto-rows:max-content;align-content:start;top:30%}.category-view--illustration .collection-picture{height:min(52vh,600px)}.map-back{color:#fff0c2;background:0 0;border:0;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:inline-flex;position:absolute;top:7%;right:6%}.map-back .drawn-arrow{transition:translate .35s var(--ease-scene)}.map-back:hover .drawn-arrow{translate:-4px}.collection-work{text-align:left;background:0 0;border:0;align-self:start;min-width:0;min-height:0;padding:0}.collection-picture{background:#1d211d70;border:1px solid #e5ce913d;height:min(35vh,420px);padding:16px;transition:border-color .4s,transform .5s;display:block}.collection-picture img{object-fit:contain;width:100%;height:100%;display:block}.collection-work:hover .collection-picture,.collection-work:focus-visible .collection-picture{border-color:#e3cd60}.collection-caption{margin-top:18px;display:flex}.collection-caption strong{font-size:17px;font-weight:400}.collection-caption small{color:#d4c4a6;margin-top:7px;font-size:10px;display:block}.category-view--cards .category-collection{grid-template-rows:none;grid-auto-rows:max-content;align-content:start;gap:32px 4%;top:29%;bottom:6%}.category-view--cards .collection-work{grid-template-rows:auto auto;gap:14px;height:auto;display:grid}.category-view--cards .collection-picture{aspect-ratio:auto;background:#1d211d70;border:1px solid #e5ce913d;height:auto;padding:16px}.category-view--cards .collection-picture img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}.category-view--cards .collection-caption{margin:0;padding:0}.category-view--cards .collection-caption strong{font-size:clamp(14px,1.3vw,20px)}@media (width<=700px){.category-view{--category-inset:9%}.project-view--interior .case-art{inset:32% 3% 13%}.project-view--interior .case-heading h2{font-size:32px}.comedy-system{padding-right:5px;display:block}.comedy-type{grid-template-rows:auto;grid-template-columns:1fr;gap:16px}.comedy-type>img{height:auto}.comedy-patterns{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.comedy-patterns>div{grid-column:1/-1}.comedy-patterns img{height:130px}.comedy-patterns img:nth-child(2){grid-column:1/-1;height:auto;max-height:200px}.map-heading{top:6%}.map-heading h2{margin-top:8px;font-size:clamp(42px,11vw,65px)}.category-orbits{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4% 8%;inset:25% 8% 5%}.category-object:nth-child(2n){margin-top:0}.category-art{height:16vh;min-height:70px;margin-bottom:10px;padding:20px 10px 10px}.category-object strong{font-size:clamp(18px,5vw,30px)}.category-object--3d strong{font-size:32px}.category-object small{margin-top:5px;font-size:10px}.map-back{font-size:11px;top:17%;right:7%}.category-heading{top:13%}.category-heading h2{font-size:clamp(32px,8.8vw,55px)}.category-back{top:3%;left:calc(var(--category-inset) - 28px);gap:8px;min-height:44px;font-size:11px}.category-back>.drawn-arrow{width:20px}.category-collection{inset:27% var(--category-inset) 6%;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr;gap:5%}.collection-work{height:100%}.collection-picture{height:calc(100% - 48px);padding:8px}.collection-caption{margin-top:8px}.collection-caption strong{font-size:14px}.collection-caption small{margin-top:4px;font-size:9px}.category-view--3d .category-collection{grid-template-rows:none;grid-auto-rows:max-content;align-content:start;row-gap:24px;top:27%}.category-view--3d .collection-work{height:auto}.category-view--3d .collection-picture{aspect-ratio:4/3;height:auto}.category-collection--many{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.category-collection--many .collection-work{height:auto}.category-collection--many .collection-picture{height:16vh;min-height:100px}.category-collection--many .collection-caption strong{font-size:13px}.category-collection--single{grid-template-rows:1fr}.category-collection--single .collection-picture{height:calc(100% - 60px)}.category-view--illustration .category-collection{top:27%}.category-view--illustration .collection-work{height:auto}.category-view--illustration .collection-picture{aspect-ratio:4/3;height:auto}.category-view--cards .category-collection{gap:24px 14px;top:25%;bottom:6%}.category-view--graphic .category-collection{top:max(25%,13% + 112px)}.category-view--cards .collection-work{gap:10px}.category-view--cards .collection-picture{height:auto;min-height:0;padding:8px}.category-view--cards .collection-caption{margin:0;padding:0}.category-view--cards .collection-caption strong{font-size:14px}.case-breadcrumb{gap:12px}.case-topline>span{text-align:right;max-width:34%}}@media (height<=600px){.category-object small{margin-top:5px;font-size:10px}.category-art{height:23vh}.category-object strong{font-size:25px}.collection-caption{margin-top:8px}}@media (height<=600px) and (width<=700px){.category-art{height:13vh;min-height:40px;padding:12px 6px 6px}.category-object strong{font-size:20px}.map-heading h2{font-size:38px}}.animation-view{color:#f5edcf;clip-path:none;transition:opacity .25s, transform .35s var(--ease-scene), visibility .35s;background:#181b1a;transform:translateY(2%)}.animation-view .case-slide{transition:none;transform:none}.animation-heading{z-index:3;margin:0;font:400 clamp(28px,3.4vw,52px)/1.15 Attack Type,Georgia,serif;position:absolute;top:6%;left:8%;right:8%}.animation-player{place-items:center;display:grid;position:absolute;inset:17% 8% 5%}.animation-player video,.animation-player>img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.animation-back{z-index:5;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:5.5%;left:2%}.animation-previous,.animation-next{z-index:5;position:absolute;top:calc(55% - 21px)}.animation-previous{left:2%}.animation-next{right:2%}.animation-view--city .animation-player{inset:0}.animation-view--city video,.animation-view--city .animation-player>img{object-fit:cover}.animation-view--city .animation-player:after{content:"";pointer-events:none;background:linear-gradient(#121815a6,#0000 28%);position:absolute;inset:0}.animation-view--city .animation-heading{text-shadow:0 2px 16px #101510}@media (width<=700px){.animation-heading{font-size:clamp(25px,7.4vw,36px);top:12%;left:8%;right:8%}.animation-back{top:3%;left:5%}.animation-player{inset:22% 0 20%}.animation-previous,.animation-next{top:auto;bottom:10%}.animation-previous{left:6%}.animation-next{right:6%}}.project-view.magazine-experience{--mag-bg:#b22e2b;--mag-ink:#f7e9d2;--mag-accent:#fed84e;background:var(--mag-bg);color:var(--mag-ink);transition:color .85s, opacity .6s, transform 1s var(--ease-scene), clip-path 1s var(--ease-scene), visibility 1s}.magazine-experience[data-theme=ink],.magazine-backdrop[data-theme=ink]{--mag-bg:#171817;--mag-ink:#eee5d1;--mag-accent:#ed422e}.magazine-experience[data-theme=paper],.magazine-backdrop[data-theme=paper]{--mag-bg:#e6dcc6;--mag-ink:#24221f;--mag-accent:#c0392b}.magazine-experience[data-theme=yellow],.magazine-backdrop[data-theme=yellow]{--mag-bg:#e5c82f;--mag-ink:#25251d;--mag-accent:#ac302b}.magazine-experience[data-theme=blue],.magazine-backdrop[data-theme=blue]{--mag-bg:#88b4bf;--mag-ink:#222b2c;--mag-accent:#b42e22}.magazine-index-toggle{background:0 0;border:0;align-items:center;gap:10px;padding:10px 0;font-size:11px;display:inline-flex}.magazine-index-toggle svg{stroke:currentColor;stroke-width:1.25px;width:17px;height:17px;transition:transform .4s}.magazine-index-toggle:hover svg{transform:rotate(90deg)}.magazine-experience .scene-steps{flex:1;gap:5px;min-width:0;max-width:610px;margin:0 auto}.magazine-experience .scene-steps button{flex:1;min-width:0;padding:16px 0}.magazine-experience .scene-steps span{width:100%;height:2px}.magazine-experience .scene-steps [aria-current] span{background:var(--mag-accent);height:4px}.magazine-experience .scene-arrow{flex:none}.magazine-image-button{cursor:zoom-in;background:0 0;border:0;padding:0;transition:filter .4s;display:block;position:relative}.magazine-image-button:hover{filter:brightness(1.04)}.magazine-experience .magazine-image-button img{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;object-fit:contain;transform:none}.magazine-cover .magazine-image-button{aspect-ratio:595.276/841.89;filter:drop-shadow(0 30px 30px #32060445);max-width:50%;height:100%;transform:rotate(-8deg)}.magazine-dialog{box-sizing:border-box;color:#eee5d1;touch-action:auto;background:#181917;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.magazine-dialog::backdrop{background:#161612d9}.magazine-atlas,.magazine-reader{scrollbar-width:thin;scrollbar-color:#bfb29b70 transparent}.portfolio:has(dialog[open]){touch-action:auto}.magazine-dialog-bar{z-index:3;letter-spacing:normal;background:#181917;border-bottom:1px solid #eee5d122;justify-content:space-between;align-items:center;gap:15px;height:78px;padding:0 5%;font:26px Attack Type,Georgia,serif;display:flex;position:absolute;inset:0 0 auto}.magazine-dialog-bar>div{flex:none;gap:12px;display:flex}.magazine-icon{width:44px;height:44px;color:inherit;background:0 0;border:1px solid #eee5d138;border-radius:50%;place-items:center;padding:8px;display:grid}.magazine-icon>svg{stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:23px;height:23px}.magazine-icon:disabled{opacity:.2;cursor:default}.magazine-icon:not(:disabled):hover{background:#eee5d114}.magazine-atlas{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:40px 28px;padding:42px 5% 60px;display:grid;position:absolute;inset:78px 0 0;overflow:auto}.magazine-atlas button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.magazine-atlas img{object-fit:contain;width:100%;height:160px;transition:transform .4s;display:block}.magazine-atlas button:hover img{transform:translateY(-6px)rotate(-2deg)}.magazine-atlas span{opacity:.65;margin-top:17px;font-size:10px;display:block}.magazine-reader{overscroll-behavior:contain;position:absolute;inset:94px 4% 75px;overflow:auto}.magazine-reader-page{cursor:zoom-in;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.magazine-reader-page img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.magazine-reader.is-zoomed .magazine-reader-page{cursor:zoom-out;width:max(150vw,1600px);height:auto;display:block}.magazine-reader.is-zoomed img{width:100%;height:auto}.magazine-reader-nav{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:15px;left:5%;right:5%}.magazine-reader-nav button{pointer-events:auto}@media (width<=700px){.magazine-index-toggle{gap:7px;font-size:9px}.magazine-experience .back-to-map{font-size:10px}.magazine-experience .case-heading h2{font-size:clamp(28px,8.3vw,37px)}.magazine-experience .case-navigation{gap:12px}.magazine-experience .scene-steps{gap:3px}.magazine-experience .scene-steps button{padding:16px 0}.magazine-cover .magazine-image-button{max-width:85%;height:88%}.magazine-dialog-bar{height:66px;padding:0 5%;font-size:21px}.magazine-dialog-bar>div{gap:8px}.magazine-icon{width:36px;height:36px;padding:6px}.magazine-atlas{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding-top:25px;top:66px}.magazine-atlas img{height:105px}.magazine-atlas span{margin-top:10px;font-size:9px;line-height:1.4}.magazine-reader{inset:78px 3% 66px}}.magazine-backdrop{--mag-bg:#b22e2b;pointer-events:none;background:var(--mag-bg);position:absolute;inset:0}.magazine-backdrop--outgoing{opacity:0;animation:.85s magazine-background-out}@keyframes magazine-background-out{0%{opacity:1}to{opacity:0}}.magazine-experience[data-scene=echo],.magazine-backdrop[data-scene=echo]{--mag-bg:#fee61f}.magazine-experience[data-theme=white],.magazine-backdrop[data-theme=white]{--mag-bg:#f4f2ed;--mag-ink:#111;--mag-accent:#dc3628}.magazine-experience[data-theme=fog],.magazine-backdrop[data-theme=fog]{--mag-bg:#a5afb0;--mag-ink:#1e292b;--mag-accent:#a42420}.magazine-experience[data-theme=sunset],.magazine-backdrop[data-theme=sunset]{--mag-bg:#5b2524;--mag-ink:#f5dec7;--mag-accent:#f7b957}.magazine-scene:not(.magazine-scene--cover):not(.magazine-scene--about) .case-art{inset:0}.magazine-composition{isolation:isolate;container-type:size}.magazine-experience[data-mode=view] .magazine-scene--cover .case-art{inset:14% 6%}.magazine-experience[data-mode=view] .magazine-cover .magazine-image-button{max-width:100%;height:100%;transform:rotate(-4deg)}.folio-piece{--w:75cqw;--h:65cqh;width:min(var(--w), calc(var(--h) * var(--ratio)));height:auto;aspect-ratio:var(--ratio);cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:absolute;overflow:clip;box-shadow:0 20px 35px #0003}.magazine-composition .folio-piece img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.magazine-scene .folio-piece{opacity:0;transition:translate .35s var(--ease-scene), opacity .25s, filter .35s;translate:0 25px}.magazine-scene.is-current .folio-piece{opacity:1;translate:0}.magazine-scene.is-current .folio-piece:hover{filter:brightness(1.035);translate:0 -5px}.folio-sketch{stroke:currentColor;stroke-width:2px;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.folio-sketch circle{fill:currentColor}.magazine-scene--about .case-art{inset:29% 6% 14%}.magazine-scene--marks .case-heading{top:auto;bottom:18%;left:6%}.magazine-scene--marks .case-heading h2{letter-spacing:-.06em;font:600 clamp(22px,3vw,46px)/1 Hirro Sans,sans-serif}.marks-axis{background:#17171730;height:1px;position:absolute;top:49%;left:6%;right:6%}.marks-disc{aspect-ratio:1;border:1px solid #17171730;border-radius:50%;width:15cqw;position:absolute;top:14%;right:7%}.marks-cross{color:#df3625;font:200 13cqw/.8 Hirro Sans,sans-serif;position:absolute;top:13%;left:5%}.dedication-seam{background:#88c6d0;width:2px;height:63%;position:absolute;top:25%;left:50%;transform:rotate(7deg)}.dedication-note{color:#c84023;letter-spacing:normal;font:4.5cqw/1 Attack Type,Georgia,serif;position:absolute;top:72%;left:7%;rotate:-12deg}.scrapbook-red{border:14px solid #c73421;width:35%;height:51%;position:absolute;top:27%;right:12%;transform:rotate(10deg)}.scrapbook-tape{z-index:2;pointer-events:none;background:#f3e7b4b0;width:11%;height:4%;position:absolute}.scrapbook-tape--a{top:34%;left:22%;rotate:-20deg}.scrapbook-tape--b{top:22%;right:20%;rotate:15deg}.composition--scrapbook .folio-sketch{stroke:#e8e4d5}.confession-rule{background:#b5322738;width:1px;position:absolute;top:14%;bottom:15%;left:50%}.confession-quote{color:#bd3027;font:30cqw/.9 Hirro Sans,sans-serif;position:absolute;top:36%;left:41%}.confession-note{letter-spacing:normal;font:2.5cqw/1 Attack Type,Georgia,serif;position:absolute;bottom:11%;left:14%;transform:rotate(-4deg)}.magazine-scene--tyler .case-heading{max-width:22%;top:auto;bottom:18%;left:6%}.magazine-scene--tyler .case-heading .eyebrow{display:none}.magazine-scene--tyler .case-heading h2{font-size:clamp(27px,4vw,58px)}.tyler-beam{clip-path:polygon(25% 0,50% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0000 30%,#3988b966 50%,#0000 65%);width:100%;height:100%;position:absolute}.tyler-name{color:#80b7c9;writing-mode:vertical-rl;letter-spacing:-.09em;font:900 13cqw/.8 Hirro Sans,Arial,sans-serif;position:absolute;top:25%;left:5%;transform:rotate(180deg)}.composition--tyler .folio-sketch{stroke:#ee603d;stroke-width:5px;opacity:.75}.josh-drum{background:#89a6ac;border:2px solid #222b2b;border-radius:50%;width:47cqh;height:47cqh;position:absolute;top:26%;left:7%}.josh-drum i{border:1px solid #e5d9bf;border-radius:50%;position:absolute;inset:6%}.josh-drum i:nth-child(2){inset:12%}.josh-drum i:nth-child(3){inset:19%}.josh-beat{color:#b2342740;letter-spacing:-.08em;text-align:right;font:900 8cqw/.85 Hirro Sans,Arial,sans-serif;position:absolute;top:20%;right:5%}.josh-stick{pointer-events:none;background:#332d24;border-radius:6px;width:33%;height:6px;position:absolute;bottom:23%;left:12%}.josh-stick--a{rotate:22deg}.josh-stick--b{rotate:-16deg}.magazine-scene--live .case-heading{text-align:center;white-space:nowrap;top:12%;left:50%;transform:translate(-50%)}.live-light{opacity:.4;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(#aec0e777,#0000 65%);width:55%;height:95%;position:absolute;top:0}.live-light--a{left:0;rotate:-20deg}.live-light--b{right:0;rotate:20deg}.live-type{text-align:center;color:#0000;-webkit-text-stroke:1px #c4533466;letter-spacing:.12em;width:100%;font:900 18cqw/.8 Hirro Sans,Arial,sans-serif;position:absolute;bottom:10%}.live-floor{background:#cc572945;height:1px;position:absolute;bottom:11%;left:5%;right:5%}.cut-slash{clip-path:polygon(0 45%,100% 0,100% 45%,0 100%);background:#241c1a;position:absolute;inset:12% -10% 7%}.composition--cut .folio-sketch{stroke:#f6c13e;stroke-width:2px;opacity:.4}.portal-halo{background:radial-gradient(#64727480,#0000 70%);width:44%;height:77%;position:absolute;top:15%;left:10%}.portal-line{background:#e5dfcf77;width:1px;position:absolute;top:12%;bottom:13%;left:52%}.portal-type{color:#e7e3d5;letter-spacing:.14em;font:500 8cqw/.9 Hirro Sans,sans-serif;position:absolute;bottom:14%;left:12%}.dema-skyline{pointer-events:none;position:absolute;inset:0}.dema-skyline i{background:#511f1830;border:1px solid #b5423055;border-radius:50% 50% 0 0/4% 4% 0 0;width:13%;height:32%;position:absolute;bottom:0;left:2%}.dema-skyline i:nth-child(2){height:63%;left:18%}.dema-skyline i:nth-child(3){width:17%;height:77%;left:41%}.dema-skyline i:nth-child(4){height:50%;left:66%}.dema-skyline i:nth-child(5){height:72%;left:86%}.dema-signal{background:#e5cf38;width:7%;height:8px;position:absolute;top:15%;right:13%;rotate:-4deg}.composition--fears .folio-sketch{stroke:#bc302b;stroke-width:1px;opacity:.5}.banditos-terrain{clip-path:polygon(0 21%,8% 24%,10% 18%,19% 23%,28% 9%,33% 18%,46% 0,52% 12%,59% 4%,69% 17%,77% 14%,82% 24%,100% 7%,100% 92%,90% 87%,85% 96%,63% 86%,50% 100%,38% 88%,20% 96%,0 83%);background:#24251e;position:absolute;inset:26% -3% 15%}.banditos-tape{z-index:2;color:#21211b;pointer-events:none;background:#f5dc28;display:block;position:absolute}.banditos-tape--a{white-space:nowrap;width:42%;padding:9px 0;font:800 1.8cqw/1 Hirro Sans,Arial,sans-serif;bottom:24%;left:-3%;transform:rotate(17deg)}.banditos-tape--b{width:18%;height:30px;top:29%;right:7%;rotate:30deg}.composition--banditos .folio-sketch{stroke:#25251d;stroke-width:3px}.clancy-orbit{fill:#2e1b1b;opacity:.6;width:85cqh;height:85%;position:absolute;top:10%;left:50%;transform:translate(-50%)rotate(-20deg)}.clancy-orbit text{letter-spacing:-2px;font:800 47px Hirro Sans,Arial,sans-serif}.clancy-orbit circle{stroke:#efc1a844;stroke-width:1px}.clancy-strike{z-index:-1;background:#edc642;width:2%;height:49%;position:absolute;top:30%;left:48%;rotate:24deg}.archive-grid{background-image:linear-gradient(#24221f0b 1px,#0000 1px),linear-gradient(90deg,#24221f0b 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 75%,#0000);mask-image:linear-gradient(#0000,#000 30% 75%,#0000)}.composition--archive .folio-sketch{stroke:#b52d25;color:#b52d25;stroke-width:1.5px}.archive-label{color:#f1e4cb;letter-spacing:.15em;background:#b42c23;padding:10px 20px;font:700 1.5cqw/1 Hirro Sans,sans-serif;position:absolute;bottom:16%;left:7%;transform:rotate(-9deg)}.magazine-scene--dawn .case-heading{max-width:25%;top:24%}.magazine-scene--dawn .case-heading h2{font-size:clamp(36px,5.2vw,82px)}.dawn-horizon{background:#f0bba655;height:1px;position:absolute;top:63%;left:0;right:0;box-shadow:0 40px #f0bba622,0 85px #f0bba615}.dawn-word{color:#f6cfaa;letter-spacing:normal;font:9cqw/.9 Attack Type,Georgia,serif;position:absolute;bottom:15%;left:8%}.magazine-scene--echo .case-heading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:clip}.magazine-scene--closing .case-heading{top:30%;left:8%}.magazine-scene--closing .case-heading h2{font-size:clamp(65px,10vw,160px)}.closing-record{border:1px solid #28252138;border-radius:50%;width:52cqh;height:52cqh;position:absolute;top:28%;right:6%}.closing-record i{border:1px solid #28252128;border-radius:50%;position:absolute;inset:6%}.closing-record i:nth-child(2){inset:12%}.closing-record i:nth-child(3){inset:36%}.closing-note{opacity:.6;font-size:11px;line-height:1.8;position:absolute;bottom:25%;left:9%}.folio-scenery{z-index:0;isolation:isolate;pointer-events:none;position:absolute;inset:0}.magazine-composition .folio-piece{--w:88cqw;--h:72cqh;left:var(--page-x,50%);top:var(--page-y,50%);z-index:1;transform:translate(-50%, -50%) rotate(var(--page-angle,0deg))}.composition--marks{--page-x:50%;--page-y:50%}.composition--marks .folio-piece{--h:72cqh;box-shadow:none}.composition--dedication{--page-x:52%;--page-angle:-2deg}.composition--scrapbook{--page-angle:2deg}.composition--scrapbook .folio-piece{box-shadow:12px 15px #b43424,0 25px 45px #1b3b3a30}.composition--confession{--page-x:50%}.composition--confession .folio-piece{box-shadow:12px 16px #d1c5ae}.composition--tyler{--page-x:65%;--page-y:53%;--page-angle:2deg}.composition--tyler .folio-piece{--w:64cqw;--h:70cqh}.composition--josh{--page-x:55%;--page-angle:-2deg}.composition--live .folio-piece{--w:88cqw;--h:72cqh;box-shadow:0 30px 100px #e4592522}.composition--cut{--page-angle:-3deg}.composition--portal{--page-x:50%}.composition--portal .folio-piece{box-shadow:14px 18px #737f8135,0 25px 60px #1e292b30}.composition--dema{--page-x:50%}.composition--dema .folio-piece{box-shadow:15px 18px #971e1925}.composition--fears{--page-angle:-1deg}.composition--banditos{--page-angle:-2deg}.composition--banditos .folio-piece{box-shadow:12px 14px #29291d}.composition--clancy{--page-angle:2deg}.composition--archive{--page-angle:-1.5deg}.composition--dawn{--page-x:50%;--page-y:50%;--page-angle:2deg}.composition--dawn .folio-piece{--w:88cqw;--h:72cqh}.composition--echo{--page-y:50%}.composition--echo .folio-piece{--w:88cqw;--h:72cqh;box-shadow:0 20px 65px #8d690d12}.echo-ripples{position:absolute;inset:0;overflow:clip}.echo-ripples i{border:1px solid #6f5e2026;border-radius:50%;width:65cqw;height:65cqw;position:absolute;top:-15%;left:-38%}.echo-ripples i:nth-child(2){width:78cqw;height:78cqw;top:calc(-15% - 6.5cqw);left:-44.5%}.echo-ripples i:nth-child(3){inset:auto -37% -30% auto}.echo-ripples i:nth-child(4){width:78cqw;height:78cqw;inset:auto -43.5% calc(-30% - 6.5cqw) auto}.composition--closing{--page-x:50%;--page-y:50%;--page-angle:0deg}.composition--closing .folio-piece{--w:50cqw;--h:72cqh;box-shadow:2px 3px #b8ab93,4px 6px #cfc0a7,24px 35px 40px #24221f40}@media (width<=700px){.magazine-scene--about .case-art{inset:24% 7% 13%}.magazine-scene--marks .case-heading{top:auto;bottom:20%;left:7%}.magazine-scene--marks .case-heading h2{font-size:28px}.marks-cross{font-size:25cqw;top:22%;left:8%}.marks-disc{width:32cqw;top:23%;right:7%}.marks-axis{top:47%}.dedication-note{font-size:14cqw;top:28%;left:49%}.dedication-seam{height:53%;top:27%}.scrapbook-red{border-width:8px;width:46%;height:32%;top:32%;right:4%}.scrapbook-tape{width:20%;height:2.5%}.scrapbook-tape--a{top:39%;left:11%}.scrapbook-tape--b{top:27%;right:13%}.confession-quote{font-size:65cqw;top:57%;left:8%}.confession-note{font-size:7cqw;bottom:19%;left:11%}.magazine-scene--tyler .case-heading{max-width:none;top:auto;bottom:18%;left:8%}.magazine-scene--tyler .case-heading h2{font-size:40px}.tyler-name{writing-mode:horizontal-tb;font-size:25cqw;top:25%;left:6%;transform:none}.tyler-beam{clip-path:polygon(0 0,20% 0,100% 100%,0 100%)}.josh-drum{width:65cqw;height:65cqw;top:26%;left:4%}.josh-beat{font-size:16cqw;top:24%;right:6%}.josh-stick{width:52%;height:4px;bottom:24%;left:6%}.magazine-scene--live .case-heading{white-space:normal;text-align:left;top:14%;left:7%;right:7%;transform:none}.live-light{width:100%}.live-type{font-size:27cqw;bottom:24%}.live-floor{bottom:22%}.cut-slash{inset:25% -10% 18%}.portal-type{font-size:12cqw;bottom:18%;left:6%}.portal-halo{width:80%;left:-20%}.dema-signal{width:15%;height:5px;top:23%;right:8%}.banditos-terrain{inset:29% -3% 24%}.banditos-tape--a{width:75%;padding:6px 0;font-size:3.5cqw;bottom:33%}.banditos-tape--b{width:32%;height:22px;top:33%;right:0}.clancy-orbit{width:115cqw;height:115cqw;top:27%}.clancy-strike{height:39%;top:31%}.archive-label{padding:8px 13px;font-size:3.3cqw;bottom:22%}.magazine-scene--dawn .case-heading{max-width:80%;top:15%}.magazine-scene--dawn .case-heading h2{font-size:39px}.dawn-word{font-size:21cqw;bottom:19%}.magazine-scene--closing .case-heading{top:18%;left:8%}.magazine-scene--closing .case-heading h2{font-size:19vw}.closing-record{width:68cqw;height:68cqw;top:40%;right:5%}.closing-note{font-size:9px;bottom:17%;left:9%}.magazine-composition .folio-piece{--w:96cqw;--h:70cqh;top:50%;left:50%}.composition--live .folio-piece{--w:96cqw}.composition--marks .folio-piece{top:50%}.composition--echo .folio-piece{--w:96cqw}.composition--closing .folio-piece{--w:82cqw;--h:70cqh;top:50%;left:50%}.magazine-scene--tyler .case-heading{top:14%;bottom:auto}.tyler-name{opacity:.6;top:29%}.dedication-note{top:28%;left:9%}.confession-note{bottom:24%}.scrapbook-tape--a{top:34%}.scrapbook-tape--b{top:65%}.banditos-tape--a{bottom:25%}.banditos-tape--b{top:30%}.portal-type{bottom:25%}.archive-label{bottom:24%}.echo-ripples i{width:110cqw;height:110cqw;top:12%;left:-70%}.echo-ripples i:nth-child(2){width:135cqw;height:135cqw;top:calc(12% - 12.5cqw);left:-82.5%}}@media (width>=701px){.portal-type{font-size:min(8cqw,14cqh);top:calc(56cqh + min(29.5cqh,28.99cqw) - .48em);bottom:auto}.live-type{font-size:min(15cqw,14cqh);top:calc(56cqh + min(30.5cqh,30.41cqw) - .44em);bottom:auto}}.magazine-mode{border:1px solid color-mix(in srgb, currentColor 24%, transparent);isolation:isolate;border-radius:100px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.magazine-mode button{z-index:1;background:0 0;border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:112px;height:34px;font-size:11px;transition:color .35s;display:flex;position:relative}.magazine-mode button svg{stroke:currentColor;stroke-width:1.1px;width:16px;height:16px}.magazine-mode button[aria-pressed=true]{color:var(--mag-bg)}.magazine-mode-thumb{background:var(--mag-ink);width:112px;transition:transform .6s var(--ease-scene), background .6s;border-radius:100px;position:absolute;top:4px;bottom:4px;left:4px}.magazine-mode[data-mode=analysis] .magazine-mode-thumb{transform:translate(100%)}.project-view.magazine-experience[data-mode=analysis],.magazine-backdrop[data-mode=analysis]{--mag-bg:#eae7df;--mag-ink:#282a27;--mag-accent:#b63828}.magazine-experience .folio-scenery,.magazine-experience .giant-type,.magazine-experience .printed-note,.magazine-experience .folio-about-copy,.magazine-experience .folio-about-colors{transition:opacity .5s,visibility .5s}.magazine-experience .folio-piece{transition:translate .9s var(--ease-scene), opacity .75s, filter .35s, left .9s var(--ease-scene), top .9s var(--ease-scene), width .9s var(--ease-scene), transform .9s var(--ease-scene), box-shadow .7s}.magazine-experience .case-art{transition:inset .9s var(--ease-scene)}.magazine-experience .case-heading{transition:top .9s var(--ease-scene), left .9s var(--ease-scene), transform .9s var(--ease-scene)}.magazine-experience .magazine-image-button,.magazine-experience .folio-about-mockup{transition:transform .9s var(--ease-scene), width .9s var(--ease-scene), height .9s var(--ease-scene)}.magazine-experience[data-mode=analysis] .folio-scenery,.magazine-experience[data-mode=analysis] .giant-type,.magazine-experience[data-mode=analysis] .printed-note,.magazine-experience[data-mode=analysis] .folio-about-copy,.magazine-experience[data-mode=analysis] .folio-about-colors{opacity:0;visibility:hidden;pointer-events:none}.magazine-experience[data-mode=analysis] .magazine-composition .folio-piece{--w:51cqw;--h:65cqh;top:50%;left:29%;transform:translate(-50%,-50%);box-shadow:0 18px 38px #22251c20}.magazine-experience[data-mode=analysis] .folio-piece:hover{filter:none;translate:0}.magazine-experience[data-mode=analysis] .case-heading{clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:clip}.magazine-experience[data-mode=analysis] .magazine-scene--cover .case-art,.magazine-experience[data-mode=analysis] .magazine-scene--about .case-art{inset:17% 46% 17% 6%}.magazine-experience[data-mode=analysis] .magazine-cover .magazine-image-button{max-width:100%;height:100%;transform:none}.magazine-experience[data-mode=analysis] .folio-about-mockup{width:100%;height:100%;position:absolute;inset:0;transform:none}.magazine-experience[data-mode=analysis] .composition--closing .folio-piece{--h:53cqh}.magazine-analysis{z-index:4;color:#282a27;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7f807650 transparent;opacity:0;visibility:hidden;transition:opacity .4s, visibility .4s, transform .7s var(--ease-scene);touch-action:pan-y pinch-zoom;border-left:1px solid #282a2726;padding:0 0 8px 26px;position:absolute;inset:15% 5% 13% 58%;overflow:auto;transform:translate(25px)}.magazine-experience[data-mode=analysis] .magazine-analysis{opacity:1;visibility:visible;transition-delay:.18s;transform:none}.magazine-analysis:focus-visible{outline-offset:6px;outline:1px solid #b63828}.analysis-section+.analysis-section{margin-top:25px}.analysis-section h3{letter-spacing:normal;color:#a12f23;margin:0 0 12px;font-size:12px;font-weight:400}.analysis-grid-block{grid-template-columns:minmax(90px,30%) 1fr;align-items:center;gap:22px;display:grid}.analysis-grid{aspect-ratio:420/297;background:#f4f1ea;border:1px solid #282a2750;width:100%;display:flex;container-type:inline-size}.analysis-grid-page{border-right:1px solid #282a2750;gap:1cqw;width:50%;padding:3cqw;display:flex}.analysis-grid-page:last-child{border:0}.analysis-grid-page i{background:#b6382822;border:1px solid #b6382866;flex:1;min-width:0}.analysis-grid-sides{min-width:0}.analysis-grid-sides section+section{margin-top:16px}.analysis-grid-sides h4{color:#a12f23;margin:0 0 4px;font-size:11px;font-weight:400}.analysis-empty-page{color:#565a51;margin:0;font-size:13px}.analysis-grid-note{color:#565a51;margin:9px 0 0;font-size:10px;line-height:1.6}.analysis-specs{margin:0;font-size:clamp(13px,1.05vw,16px);line-height:1.55}.analysis-specs>div{border-bottom:1px solid #282a2719;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.analysis-specs dt{color:#565a51}.analysis-specs dd{text-align:right;font-variant-numeric:tabular-nums;color:#252821;flex:none;margin:0}.analysis-fonts{border-collapse:collapse;text-align:left;width:100%;font-size:clamp(12px,1vw,15px);line-height:1.5}.analysis-fonts thead th{color:#565a51;padding:0 0 8px;font-size:10px;font-weight:400}.analysis-fonts th,.analysis-fonts td{border-bottom:1px solid #282a2719;padding:9px 0;font-weight:400}.analysis-fonts th:not(:first-child),.analysis-fonts td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:10px}.analysis-fonts strong{font-weight:400;display:block}.analysis-fonts span{color:#565a51;margin-top:3px;font-size:10px;display:block}.portfolio:has(.magazine-experience.is-active[data-mode=analysis]){touch-action:pan-y pinch-zoom}@media (width<=1000px) and (width>=701px){.magazine-mode button,.magazine-mode-thumb{width:96px}.magazine-analysis{padding-left:18px;left:54%;right:4%}.magazine-experience[data-mode=analysis] .magazine-composition .folio-piece{--w:46cqw;left:27%}.analysis-grid-block{gap:12px}.analysis-specs{font-size:12px}}@media (width<=700px){.magazine-experience .case-topline{top:3%}.magazine-mode button,.magazine-mode-thumb{width:92px}.magazine-mode button{gap:6px;height:32px;font-size:10px}.magazine-experience .back-to-map{font-size:0}.magazine-experience .magazine-index-toggle span{display:none}.magazine-experience .magazine-index-toggle{padding:12px 7px}.magazine-experience[data-mode=analysis] .magazine-composition .folio-piece{--w:89cqw;--h:28cqh;top:28%;left:50%}.magazine-experience[data-mode=analysis] .composition--closing .folio-piece{--h:26cqh}.magazine-experience[data-mode=analysis] .magazine-scene--cover .case-art,.magazine-experience[data-mode=analysis] .magazine-scene--about .case-art{inset:14% 8% 58%}.magazine-analysis{border-top:1px solid #282a2730;border-left:0;padding:16px 4px 12px 0;inset:46% 6% 13%;transform:translateY(15px)}.analysis-grid-block{grid-template-columns:29% 1fr;gap:14px}.analysis-specs{font-size:13px}.analysis-fonts{font-size:12px}.analysis-section+.analysis-section{margin-top:23px}}@media (width>=1001px) and (height<=800px){.analysis-section+.analysis-section{margin-top:16px}.analysis-section h3{margin-bottom:6px}.analysis-specs>div{padding:4px 0}.analysis-fonts th,.analysis-fonts td{padding-top:7px;padding-bottom:7px}.analysis-fonts thead th{padding-top:0;padding-bottom:5px}}.duo-experience{color:#302e26;background:#eae5da}.duo-experience[data-tone=dark]{color:#f1ebdb}.duo-topline{z-index:8;justify-content:space-between;align-items:center;height:40px;transition:color .4s;display:flex;position:absolute;inset:3.2% 5% auto}.duo-topline .back-to-map{align-items:center;gap:12px;display:flex}.duo-masthead{font:400 11px/1.5 var(--font-text);letter-spacing:normal;position:absolute;left:50%;translate:-50%}.duo-materials-button{background:0 0;border:0;align-items:center;gap:9px;padding:8px 0;font-size:11px;display:flex}.duo-materials-button svg{stroke:currentColor;stroke-width:1px;width:19px;height:19px}.duo-navigation{z-index:8;align-items:center;gap:30px;transition:color .4s;display:flex;position:absolute;inset:auto 5% 3%}.duo-navigation .scene-arrow{flex:none}.duo-navigation-center{width:min(580px,68%);margin:0 auto}.duo-chapters{justify-content:space-between;gap:10px;display:flex}.duo-chapters button{opacity:.5;background:0 0;border:0;padding:8px 0;font-size:11px;transition:opacity .25s}.duo-chapters button:hover,.duo-chapters button[aria-current]{opacity:1}.duo-progress{gap:5px;display:flex}.duo-progress button{background:0 0;border:0;flex:1;padding:10px 0}.duo-progress span{opacity:.25;background:currentColor;height:2px;transition:opacity .4s,transform .4s;display:block}.duo-progress [aria-current] span{opacity:1;transform:scaleY(2)}.duo-scene{color:#302e26;background:#eae5da;overflow:clip;container-type:size}.duo-scene .duo-copy{z-index:2;width:27%;position:absolute;top:23%;left:18%}.duo-kicker{font:400 11px/1.5 var(--font-text);letter-spacing:normal;text-transform:none;opacity:.75;margin-bottom:24px;display:block}.duo-scene h2{letter-spacing:normal;margin:0 0 28px;font:400 clamp(34px,4.1vw,70px)/1.05 Attack Type,Georgia,serif}.duo-copy p{max-width:380px;margin:0 0 20px;font-size:clamp(12px,1.02vw,16px);line-height:1.85}.duo-copy p.duo-small{opacity:.68;font-size:clamp(11px,.87vw,14px)}.duo-photo{background:0 0;border:0;min-width:0;padding:0;display:block;position:relative}.duo-photo img{object-fit:contain;width:100%;height:100%;display:block}button.duo-photo{cursor:zoom-in}.duo-enlarge{stroke:currentColor;stroke-width:1px;opacity:0;width:19px;height:19px;transition:opacity .2s;position:absolute;bottom:12px;right:12px}.duo-photo:hover .duo-enlarge,.duo-photo:focus-visible .duo-enlarge{opacity:.65}.duo-sheet-link{color:inherit;background:0 0;border:0;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:12px 0;font-size:11px;line-height:1.5;text-decoration:none;display:inline-flex}.duo-sheet-link span{font-size:20px;font-weight:300}.duo-mark{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.duo-scene--opening{color:#f5eddd;background:#3c3933}.duo-hero-image{align-items:center;display:flex;position:absolute;inset:12% 3% 13% 38%}.duo-hero-image img{object-fit:contain;height:auto;max-height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.duo-hero-shade{background:linear-gradient(90deg,#39372f 10%,#39372ff2 29%,#39372f00 66%),linear-gradient(#211f1b55,#0000 17% 78%,#211f1bb3);position:absolute;inset:0}.duo-hero-copy{width:33%;position:absolute;top:32%;left:18%}.duo-hero-copy h2{margin:0}.duo-hero-copy h2 img{filter:invert();width:100%;height:auto;display:block}.duo-hero-copy .duo-kicker{margin-bottom:36px}.duo-hero-note{opacity:.65;font-size:11px;line-height:1.7;position:absolute;bottom:28%;left:18%}.duo-hero-stamp{align-items:center;gap:14px;display:flex;position:absolute;bottom:18%;right:6%}.duo-hero-stamp .duo-mark{filter:invert();mix-blend-mode:screen;width:48px;height:48px}.duo-hero-stamp span{font-size:10px;line-height:1.6}.duo-context-images{position:absolute;inset:16% 13% 18% 48%}.duo-context-images .duo-photo:first-child{width:85%;height:69%;position:absolute;top:0;right:0}.duo-context-images .duo-photo:first-child img{object-fit:cover}.duo-context-images .duo-photo:nth-child(2){border:8px solid #eae5da;width:54%;height:45%;position:absolute;bottom:0;left:-4%}.duo-context-images .duo-photo:nth-child(2) img{object-fit:cover}.duo-location{opacity:.6;width:44%;font-size:10px;line-height:1.6;position:absolute;bottom:2%;right:0}.duo-background-word{letter-spacing:-.08em;color:#302e2608;pointer-events:none;font:400 21vw/1 Hirro Sans,sans-serif;position:absolute;bottom:2%;left:2%}.duo-scene--research{color:#e9e6d7;background:#27362e}.duo-scene--research .duo-copy{width:27%;top:19%}.duo-nature{align-items:flex-end;gap:16px;height:53%;display:flex;position:absolute;top:15%;left:48%;right:13%}.duo-nature .duo-photo{width:50%;height:100%}.duo-nature .duo-photo img{object-fit:cover}.duo-nature .duo-photo:last-child{height:79%}.duo-analogs{align-items:center;gap:16px;height:13%;display:flex;position:absolute;bottom:16%;left:48%;right:13%}.duo-analogs>span{opacity:.6;max-width:65px;font-size:9px;line-height:1.6}.duo-analogs .duo-photo{flex:1;height:100%}.duo-analogs img{object-fit:cover}.duo-scene--sketches{background:#f4f1e9}.duo-sketches{mix-blend-mode:multiply;width:40%;height:64%;position:absolute;top:19%;left:48%;transform:rotate(-3deg)}.duo-scene--sketches .duo-copy{width:27%;top:22%}.duo-hand-note{color:#9c4566;letter-spacing:normal;font:32px Attack Type,Georgia,serif;position:absolute;bottom:18%;right:10%;rotate:-7deg}.duo-pencil-line{border-top:2px solid #9c456670;border-radius:50%;width:22%;height:25px;position:absolute;bottom:23%;left:18%;transform:rotate(-6deg)}.duo-scene--modules{background:#e8dfcf}.duo-scene--modules .duo-copy{top:20%}.duo-configs{border-bottom:1px solid #302e2633;gap:2px;width:max-content;max-width:100%;margin:26px 0 22px;display:flex}.duo-configs button{opacity:.55;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 12px;font-size:11px}.duo-configs button:first-child{padding-left:0}.duo-configs [aria-pressed=true]{opacity:1;border-color:#806137}.duo-copy .duo-config-description{opacity:.7;min-height:3.3em;font-size:12px}.duo-module-stage{position:absolute;inset:14% 13% 16% 48%}.duo-module-orbit{aspect-ratio:1;background:radial-gradient(circle,#fff6d8a6,#0000 68%);border:1px solid #8f795038;border-radius:50%;width:70%;position:absolute;top:17%;left:10%}.duo-module{opacity:0;transition:opacity .55s, transform .8s var(--ease-scene);pointer-events:none;position:absolute;inset:0 14% 12% 7%;transform:translateY(15px)}.duo-module.is-selected{opacity:1;pointer-events:auto;transform:none}.duo-module .duo-photo{width:100%;height:100%}.duo-module--separated{align-items:flex-end;display:flex;inset:0 0 12%}.duo-module--separated .duo-photo{width:50%;height:100%}.duo-measure.duo-measure--pair strong{font-size:clamp(22px,2.5vw,38px)}.duo-measure{text-align:center;border-top:1px solid #80613780;flex-direction:column;gap:5px;width:max-content;padding-top:8px;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.duo-measure strong{letter-spacing:normal;font-size:clamp(28px,3.3vw,48px);font-weight:400}.duo-measure span{font-size:10px}.duo-scene--assembly{background:#dee4df}.duo-assembly-image{mix-blend-mode:multiply;width:39%;height:69%;position:absolute;top:14%;right:13%}.duo-materials{gap:14px;margin:26px 0;display:grid}.duo-materials span{border-bottom:1px solid #302e2626;padding-bottom:11px;font-size:11px}.duo-materials span:before{content:"";background:#a78452;border-radius:50%;width:6px;height:6px;margin-right:12px;display:inline-block}.duo-materials span:nth-child(2):before{background:#d1d763}.duo-materials span:nth-child(3):before{background:#75529e}.duo-side-label{writing-mode:vertical-rl;letter-spacing:normal;opacity:.45;font-size:11px;position:absolute;top:28%;right:3%}.duo-scene--joint{background-color:#f0ede4;background-image:linear-gradient(#9187750b 1px,#0000 1px),linear-gradient(90deg,#9187750b 1px,#0000 1px);background-size:32px 32px}.duo-engineering-layout{grid-template-columns:1fr 1.15fr;gap:9%;display:grid;position:absolute;inset:16% 16% 15% 18%}.duo-exploded-column{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.duo-exploded-column h2{font-size:clamp(30px,3.5vw,55px)}.duo-exploded{mix-blend-mode:multiply;width:100%;height:100%;min-height:0}.duo-exploded img{object-position:left top}.duo-joint-detail{flex-direction:column;align-items:flex-start;min-width:0;min-height:0;padding-top:clamp(65px,9vh,100px);display:flex}.duo-joint-detail .duo-photo{mix-blend-mode:multiply;flex-shrink:1;width:100%;height:45%;min-height:0}.duo-joint-detail .duo-photo img{object-position:left center}.duo-joint-detail h3{margin:22px 0 12px;font-size:17px;font-weight:400}.duo-joint-detail p{max-width:360px;margin:0;font-size:12px;line-height:1.8}.duo-joint-detail .duo-sheet-link{margin-top:12px}.duo-scene--scale .duo-copy{width:27%;top:18%}.duo-dimensions{margin:28px 0 0}.duo-dimensions>div{border-bottom:1px solid #302e2626;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 0;display:flex}.duo-dimensions dt{opacity:.65;font-size:10px}.duo-dimensions dd{letter-spacing:-.05em;margin:0;font-size:27px}.duo-dimensions small{letter-spacing:0;font-size:10px}.duo-scale-images{flex-direction:column;justify-content:center;align-items:flex-end;width:39%;display:flex;position:absolute;top:22%;bottom:16%;right:13%}.duo-scale-images .duo-photo{mix-blend-mode:multiply;width:100%;height:83%}.duo-scene--identity{color:#e9e4d5;background:#24251f}.duo-brand-layout{grid-template-columns:1fr 1fr;align-items:center;gap:7%;display:grid;position:absolute;inset:21% 18% 23%}.duo-brand-layout .duo-copy{width:100%;position:static}.duo-brand-symbols{grid-template-rows:minmax(0,1fr) 22%;gap:8%;height:100%;min-height:0;display:grid}.duo-brand-symbols>.duo-mark{object-position:center;filter:invert();mix-blend-mode:screen;opacity:.86}.duo-brand-lockup{filter:invert();mix-blend-mode:screen;opacity:.9;justify-self:center;width:90%;height:100%}.duo-brand-lockup img{object-position:center}.duo-scene--pattern{color:#e9e4d5;background:#24251f}.duo-pattern-layout{grid-template-columns:1fr 1fr;align-items:start;gap:7%;display:grid;position:absolute;inset:19% 15% 20% 18%}.duo-pattern-field{grid-template-columns:1fr 1fr;gap:16px;height:100%;min-height:0;display:grid}.duo-pattern-field .duo-photo{width:100%;height:100%;min-height:0}.duo-pattern-field img{object-fit:cover}.duo-pattern-story{min-width:0}.duo-pattern-story .duo-copy{width:100%;position:static}.duo-pattern-story>.duo-photo{filter:invert();mix-blend-mode:screen;opacity:.85;width:100%;margin-top:26px}.duo-pattern-story>.duo-photo img{height:auto}.duo-type-note{opacity:.45;margin-top:12px;font-size:9px;display:block}.duo-pattern-story .duo-sheet-link{margin-top:20px}.duo-scene--space{color:#f2ecdf;background:#262218}.duo-space-image{position:absolute;inset:15% 10% 17% 48%}.duo-space-shade{pointer-events:none;background:linear-gradient(90deg,#181b1555,#0000 65%);position:absolute;inset:0}.duo-space-image img{object-fit:contain;object-position:center}.duo-scene--space .duo-copy{width:27%;top:26%;bottom:auto}.duo-scene--space .duo-copy h2{font-size:clamp(36px,4vw,65px)}.duo-scene--space .duo-copy p{opacity:.7;max-width:320px;font-size:12px}.duo-render-note{opacity:.5;writing-mode:vertical-rl;font-size:9px;position:absolute;bottom:18%;right:5%}.duo-scene--presentation{background:#d8d1c3}.duo-scene--presentation .duo-copy{width:29%;top:23%}.duo-credits{gap:9px;margin-top:30px;font-size:10px;display:grid}.duo-credits span:not(:first-child){opacity:.55}.duo-boards{align-items:center;gap:24px;display:flex;position:absolute;inset:18% 13% 19% 48%}.duo-boards .duo-photo{filter:drop-shadow(12px 22px 15px #302e2625);width:50%;height:100%}.duo-boards .duo-photo:first-child{transform:rotate(-5deg)translateY(14px)}.duo-boards .duo-photo:last-child{transform:rotate(5deg)translateY(-14px)}.duo-dialog{box-sizing:border-box;color:#302e26;touch-action:auto;background:#eae5da;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.duo-dialog::backdrop{background:#25221cf0}.duo-dialog-bar{z-index:2;background:#eae5da;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:0 5%;font-size:13px;display:flex;position:absolute;inset:0 0 auto}.duo-dialog-bar button{background:0 0;border:1px solid #302e2633;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.duo-dialog-bar svg{stroke:currentColor;stroke-width:1px;width:20px}.duo-archive{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:30px;padding:20px 5% 50px;display:grid;position:absolute;inset:80px 0 0;overflow:auto}.duo-archive button{text-align:left;background:0 0;border:0;padding:0}.duo-archive img{aspect-ratio:1.414;object-fit:contain;background:#fff;width:100%;display:block}.duo-archive span,.duo-archive a{color:inherit;margin-top:12px;font-size:11px;display:block}.duo-lightbox{overscroll-behavior:contain;position:absolute;inset:80px 4% 4%;overflow:auto}.duo-lightbox button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.duo-lightbox img{object-fit:contain;width:100%;height:100%;display:block}.duo-lightbox.is-zoomed button{cursor:zoom-out;width:max(150vw,1600px);height:auto;min-height:100%}.duo-lightbox.is-zoomed img{height:auto}.duo-lightbox--sheets{bottom:85px}.duo-sheet-navigation{justify-content:center;align-items:center;gap:30px;font-size:12px;display:flex;position:absolute;inset:auto 0 18px}.duo-sheet-navigation button:disabled{opacity:.25;cursor:default}@media (width<=800px){.duo-topline{inset:2% 6% auto}.duo-masthead{font-size:9px}.duo-materials-button span{display:none}.duo-navigation{gap:13px;inset:auto 6% 2%}.duo-navigation .scene-arrow{width:34px;height:34px}.duo-navigation-center{width:calc(100% - 94px)}.duo-chapters{gap:6px}.duo-chapters button{font-size:8px}.duo-progress{gap:4px}.duo-kicker{margin-bottom:12px;font-size:8px}.duo-scene h2{margin-bottom:16px;font-size:clamp(30px,8vw,42px)}.duo-scene .duo-copy{width:82%;top:13%;left:9%}.duo-copy p{max-width:100%;margin-bottom:12px;font-size:11px;line-height:1.65}.duo-copy p.duo-small{font-size:10px}.duo-sheet-link{gap:14px;margin-top:0;padding:6px 0;font-size:9px}.duo-hero-image{inset:40% 4% 18%}.duo-hero-shade{background:linear-gradient(#39372f 8%,#39372ff2 27%,#0000 52%,#25231cc9 89%)}.duo-hero-copy{width:82%;top:24%;left:9%}.duo-hero-copy h2{margin-bottom:18px;font-size:clamp(70px,19vw,110px)}.duo-hero-copy .duo-kicker{margin-bottom:22px}.duo-hero-copy p{font-size:26px}.duo-hero-note{font-size:9px;bottom:13%;left:9%}.duo-hero-stamp{bottom:13%;right:7%}.duo-hero-stamp .duo-mark{width:30px;height:30px}.duo-hero-stamp span{font-size:8px}.duo-context-images{inset:37% 7% 15% 10%}.duo-context-images .duo-photo:nth-child(2){border-width:5px}.duo-location{font-size:8px}.duo-background-word{font-size:28vw;bottom:7%}.duo-nature{gap:12px;height:36%;top:40%;left:7%;right:7%}.duo-nature .duo-photo:last-child{height:100%}.duo-analogs{gap:10px;height:8%;bottom:13%;left:7%;right:7%}.duo-analogs>span{max-width:48px;font-size:8px}.duo-sketches{width:84%;height:50%;top:33%;left:8%}.duo-hand-note{font-size:26px;bottom:15%}.duo-pencil-line{display:none}.duo-scene--modules .duo-copy{top:12%}.duo-configs{margin:12px 0}.duo-configs button{padding:8px 12px;font-size:10px}.duo-copy .duo-config-description{min-height:3.3em;font-size:10px}.duo-module-stage{inset:39% 10% 12% 12%}.duo-measure strong{font-size:34px}.duo-measure span{font-size:8px}.duo-materials{gap:9px;margin:14px 0}.duo-materials span{padding-bottom:7px;font-size:9px}.duo-assembly-image{width:82%;height:50%;top:34%;right:9%}.duo-side-label{display:none}.duo-engineering-layout{overscroll-behavior:contain;touch-action:pan-y;display:block;inset:14% 9%;overflow-y:auto}.duo-exploded-column{height:440px}.duo-exploded-column h2{font-size:32px}.duo-exploded{width:100%;height:100%}.duo-joint-detail{padding-top:24px}.duo-joint-detail .duo-photo{flex-shrink:0;height:200px}.duo-joint-detail h3{margin:15px 0 10px;font-size:13px}.duo-joint-detail p{font-size:10px;line-height:1.65}.duo-joint-detail .duo-sheet-link{font-size:8px}.duo-dimensions{grid-template-columns:1fr 1fr;gap:0 20px;margin:15px 0 0;display:grid}.duo-dimensions>div{padding:8px 0;display:block}.duo-dimensions dt{font-size:8px}.duo-dimensions dd{margin-top:4px;font-size:24px}.duo-scale-images{width:86%;top:45%;bottom:14%;right:7%}.duo-brand-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:5%;inset:14% 10% 15%}.duo-brand-symbols{justify-self:center;width:85%}.duo-brand-symbols>.duo-mark,.duo-brand-lockup img{object-position:center}.duo-pattern-layout{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;align-items:stretch;gap:24px;display:flex;inset:14% 9% 15%;overflow-y:auto}.duo-pattern-field{flex-shrink:0;order:1;width:100%;height:260px}.duo-pattern-field .duo-photo{width:100%;height:100%}.duo-pattern-story{width:100%}.duo-pattern-story .duo-copy{width:100%;position:static}.duo-pattern-story>.duo-photo{width:100%;margin-top:18px}.duo-type-note{width:49%;font-size:8px;position:absolute;top:78%;right:0}.duo-pattern-story>.duo-sheet-link{font-size:10px}.duo-scene--space .duo-copy{width:84%;top:13%;bottom:auto}.duo-scene--space .duo-copy h2{max-width:290px;font-size:46px}.duo-scene--space .duo-copy p{max-width:250px;font-size:11px}.duo-space-image{inset:36% 6% 16%}.duo-space-image img{object-position:center}.duo-space-shade{background:linear-gradient(#0000 0%,#181b15e6)}.duo-render-note{font-size:7px}.duo-credits{gap:5px;margin-top:14px;font-size:9px}.duo-boards{gap:15px;inset:50% 8% 15%}.duo-scene--presentation .duo-sheet-link{margin-top:10px}.duo-dialog-bar{height:65px;font-size:11px}.duo-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px;top:65px}.duo-archive span{font-size:9px}.duo-lightbox{top:70px}}@media (height<=750px) and (width>=801px){.duo-scene .duo-copy{top:18%}.duo-scene h2{margin-bottom:18px;font-size:42px}.duo-copy p{margin-bottom:12px;font-size:11px;line-height:1.7}.duo-kicker{margin-bottom:15px}.duo-sheet-link{margin-top:6px}.duo-dimensions{margin-top:15px}.duo-dimensions>div{padding:8px 0}.duo-hero-copy h2{font-size:110px}.duo-scene--space .duo-copy{top:26%}.duo-joint-detail p{font-size:11px}.duo-joint-detail h3{margin:12px 0}}