/* Website design: an interactive design atelier. All page styles stay scoped. */
.web-v09{--web-paper:#f5f5f3;--web-ink:#18181a;--web-red:#bd1e25;--web-line:#d5d5d2;font-weight:400;color:var(--web-ink)}
.web-v09 section{scroll-margin-top:100px}.web-v09 h1,.web-v09 h2,.web-v09 h3{margin:0;font-family:var(--sans);font-weight:700;letter-spacing:-.045em}.web-v09 p{margin:0}.web-v09 em{font-style:normal}.web-v09 button{border-radius:0}.web-v09 .web-opening,.web-v09 .web-lab,.web-v09 .web-selected{max-width:1600px;margin-inline:auto;padding-inline:var(--pad)}
.web-v09 .web-opening{padding-top:149px;padding-bottom:54px}.web-v09 .web-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--web-ink);padding-top:20px;font-size:10px;letter-spacing:.13em}.web-v09 .web-eyebrow>span:first-child{display:flex;align-items:center;gap:11px}.web-v09 .web-eyebrow i{width:7px;height:7px;background:var(--web-red)}.web-v09 .web-eyebrow>span:last-child{color:#6a6a6b}.web-v09 .web-intro{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:6vw;padding-top:34px}.web-v09 .web-intro h1{font-size:clamp(62px,7.8vw,118px);line-height:1.17;position:relative;width:max-content;max-width:100%;font-weight:800}.web-v09 .web-intro h1 em{color:var(--web-red)}.web-v09 .web-intro sup{position:absolute;top:5px;left:calc(100% + 22px);font:300 .66em/1 var(--sans);color:var(--web-red)}.web-v09 .web-intro-note{max-width:340px;padding-bottom:8px}.web-v09 .web-note-line{display:block;width:42px;height:2px;background:var(--web-red);margin-bottom:20px}.web-v09 .web-intro-note p:first-of-type{font-size:22px;font-weight:500;line-height:1.7;margin-bottom:18px}.web-v09 .web-intro-note p+p{font-size:13px;line-height:2;color:#646467}.web-v09 .web-intro-note>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bcbcbc;padding:17px 0 8px;margin-top:14px;font-size:12px}.web-v09 .web-intro-note>a span{font-size:23px;color:var(--web-red)}
.web-v09 .web-lab{padding-bottom:90px}.web-v09 .web-lab-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--web-line);padding:20px 0}.web-v09 .web-lab-top h2{font-size:15px;font-weight:500;letter-spacing:0}.web-v09 .web-lab-top h2>span{font-size:10px;letter-spacing:.1em;color:var(--web-red);margin-right:24px}.web-v09 .web-lab-top>p{font-size:11px;color:#777}.web-v09 .web-workbench{display:grid;grid-template-columns:195px minmax(0,1fr);background:#e7e7e4;border:1px solid #cececb;min-width:0}.web-v09 .web-direction{display:flex;flex-direction:column;align-items:start;padding:29px 23px 22px;background:#efefec;border-right:1px solid #cececb}.web-v09 .web-small-label{font-size:9px;letter-spacing:.12em;color:#6b6b6d}.web-v09 .web-tabs{margin-top:22px;width:100%}.web-v09 .web-tabs button{position:relative;display:grid;grid-template-columns:19px 1fr;gap:3px 8px;width:100%;padding:21px 0;border:0;border-top:1px solid #cececb;background:none;text-align:left;transition:color .25s}.web-v09 .web-tabs button:last-child{border-bottom:1px solid #cececb}.web-v09 .web-tabs button>span{font-size:9px;padding-top:5px;color:#7c7c7c;font-variant-numeric:tabular-nums}.web-v09 .web-tabs strong{font-size:17px;font-weight:500;letter-spacing:-.03em;white-space:nowrap}.web-v09 .web-tabs small{grid-column:2;font-size:7px;letter-spacing:.07em;color:#777;white-space:nowrap}.web-v09 .web-tabs b{position:absolute;right:0;top:21px;font-weight:400;opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}.web-v09 .web-tabs button[aria-selected=true]{color:var(--web-red)}.web-v09 .web-tabs button[aria-selected=true] b{opacity:1;transform:none}.web-v09 .web-tabs button:hover{color:var(--web-red)}.web-v09 .web-direction-copy{font-size:11px;line-height:2;color:#666;margin-top:26px}.web-v09 .web-concept-label{font-size:11px;line-height:2;margin-top:auto;padding-top:30px}.web-v09 .web-concept-label i{display:inline-block;width:5px;height:5px;background:var(--web-red);margin-right:5px}.web-v09 .web-concept-label>span{font-size:8px;color:#777}.web-v09 .web-stage-column{min-width:0}.web-v09 .web-tools{min-height:57px;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px 24px;border-bottom:1px solid #cececb}.web-v09 .web-tools label{font-size:10px;white-space:nowrap}.web-v09 .web-tools output{font-size:9px;display:inline-block;min-width:60px;text-align:right;color:#737373}.web-v09 .web-tools input{width:120px;accent-color:var(--web-red);min-width:70px;height:18px;cursor:ew-resize}.web-v09 .web-tools button{border:0;border-left:1px solid #c7c7c7;padding-left:15px;background:none;font-size:10px;white-space:nowrap}.web-v09 .web-tools button span{font-size:17px;vertical-align:-1px;margin-right:5px}.web-v09 .web-tools button[aria-pressed=true]{color:var(--web-red)}.web-v09 .web-stage{display:flex;justify-content:center;align-items:start;min-height:487px;padding:28px 28px 23px;overflow:hidden;background-image:radial-gradient(#bbb 0.6px,transparent .6px);background-size:10px 10px}.web-v09 .web-preview{position:relative;width:1080px;max-width:100%;border:1px solid #bebebb;background:#fafaf8;box-shadow:0 10px 25px #0000000e;container-type:inline-size;transition:width .5s var(--ease)}.web-v09 .web-preview-chrome{height:27px;background:#efefed;border-bottom:1px solid #d0d0cd;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#777}.web-v09 .web-preview-chrome>span{display:flex;gap:4px}.web-v09 .web-preview-chrome i{display:block;width:4px;height:4px;background:#b4b4b2;border-radius:50%}.web-v09 .web-preview-chrome small{font:7px/1.2 var(--sans);letter-spacing:.05em}.web-v09 .web-preview-chrome b{font-weight:400;font-size:11px}.web-v09 .web-concept{position:relative;background:#fafaf8;overflow:hidden;color:#1b1b1d;min-height:403px}.web-v09 .web-concept-nav{height:55px;position:relative;z-index:2;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9d5;gap:15px}.web-v09 .web-concept-nav>b{font:800 16px/1 Arial,sans-serif;letter-spacing:-.05em;display:flex;align-items:center;gap:10px}.web-v09 .web-concept-nav>b span{font:400 8px/1 var(--sans);letter-spacing:0}.web-v09 .web-concept-nav>span{font-size:7px;letter-spacing:.15em;margin-left:auto}.web-v09 .web-concept-nav>i{font-size:12px;font-style:normal;margin-left:12px}.web-v09 .web-concept-content{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto;min-height:348px;padding:30px 5% 16px;gap:20px 4%;isolation:isolate}.web-v09 .web-concept-title{grid-column:1;grid-row:1;z-index:1;padding-top:5px}.web-v09 .web-concept-title>small{font:7px/1.4 Arial,sans-serif;letter-spacing:.12em;display:block;margin-bottom:17px}.web-v09 .web-concept-title h3{font-size:clamp(24px,4.5cqw,49px);font-weight:700;line-height:1.3;letter-spacing:-.06em}.web-v09 .web-concept-title-en{display:none}.web-v09 .web-sculpture{position:relative;isolation:isolate;grid-column:2;grid-row:1/3;min-height:220px;overflow:hidden;background:#e6e6e2;perspective:700px}.web-v09 .web-art-grid{position:absolute;inset:0;background-image:linear-gradient(#bbbbbb40 1px,transparent 1px),linear-gradient(90deg,#bbbbbb40 1px,transparent 1px);background-size:30px 30px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:center bottom;opacity:.4}.web-v09 .web-art-arch{position:absolute;width:70%;height:84%;left:14%;top:19%;transform:rotate(-17deg);filter:drop-shadow(13px 15px 8px #00000030)}.web-v09 .web-art-arch i{position:absolute;border:clamp(8px,1.6cqw,16px) solid #bd1e25;border-bottom:0;border-radius:90px 90px 0 0;width:80%;height:100%;top:0;left:0;background:transparent;transform:translate(0,0)}.web-v09 .web-art-arch i:nth-child(2){transform:translate(8px,-6px);border-color:#c8262d}.web-v09 .web-art-arch i:nth-child(3){transform:translate(16px,-12px);border-color:#ad1b22}.web-v09 .web-art-arch i:nth-child(4){transform:translate(24px,-18px);border-color:#c72b31}.web-v09 .web-art-arch i:nth-child(5){transform:translate(32px,-24px);border-color:#a91a21}.web-v09 .web-art-arch i:nth-child(6){transform:translate(40px,-30px);border-color:#c72b31}.web-v09 .web-art-arch i:nth-child(7){transform:translate(48px,-36px);border-color:#bd1e25}.web-v09 .web-art-halo{position:absolute;width:68%;aspect-ratio:1;border:1px solid #b6b6b2;border-radius:50%;top:5%;left:16%}.web-v09 .web-art-block{position:absolute;background:#cececa;width:48%;height:22%;left:30%;bottom:-3%;transform:skewY(-10deg);box-shadow:30px 20px 20px #0001}.web-v09 .web-art-mark{position:absolute;bottom:12px;left:12px;font:700 12px Arial,sans-serif}.web-v09 .web-art-caption{position:absolute;right:10px;bottom:10px;font:6px Arial,sans-serif;letter-spacing:.05em}.web-v09 .web-concept-desc{grid-column:1;grid-row:2;z-index:1}.web-v09 .web-concept-desc>p{font-size:9px;line-height:1.9;color:#727272}.web-v09 .web-concept-desc>span{display:flex;align-items:center;justify-content:space-between;max-width:150px;border-bottom:1px solid #999;margin-top:20px;padding-bottom:7px;font-size:8px}.web-v09 .web-concept-desc b{font-size:17px;font-weight:400}.web-v09 .web-concept-index{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;border-top:1px solid #d9d9d5;padding-top:12px;font-size:6px;letter-spacing:.05em;z-index:1}.web-v09 .web-layout-grid{position:absolute;z-index:5;inset:0 5%;pointer-events:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;opacity:0;transition:opacity .2s}.web-v09 .web-layout-grid i{border-inline:1px solid #bd1e2570;background:#bd1e250a}.web-v09 .web-preview.show-grid .web-layout-grid{opacity:1}.web-v09 .web-lab-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px;border-top:1px solid #cececb;font-size:9px;color:#777}.web-v09 .web-lab-bottom>span{color:#333;white-space:nowrap}
/* Editorial: move the image into a tall print-style column and magnify type. */
.web-v09 .web-preview[data-style=editorial] .web-concept-nav{border-bottom:2px solid #191919;justify-content:center}.web-v09 .web-preview[data-style=editorial] .web-concept-nav>b{font-family:Georgia,serif;font-size:20px}.web-v09 .web-preview[data-style=editorial] .web-concept-nav>span{position:absolute;left:0;margin:0;font-size:6px}.web-v09 .web-preview[data-style=editorial] .web-concept-nav>i{position:absolute;right:0}.web-v09 .web-preview[data-style=editorial] .web-concept-content{grid-template-columns:1.3fr 1fr;column-gap:7%;padding-top:16px}.web-v09 .web-preview[data-style=editorial] .web-concept-title{grid-column:2;grid-row:1;padding-top:10px;align-self:start}.web-v09 .web-preview[data-style=editorial] .web-concept-title h3{font-family:var(--serif);font-size:clamp(20px,3.6cqw,40px);line-height:1.65}.web-v09 .web-preview[data-style=editorial] .web-concept-title>small{font-size:6px;letter-spacing:.05em;margin-bottom:14px}.web-v09 .web-preview[data-style=editorial] .web-sculpture{grid-column:1;grid-row:1/3;min-height:266px;margin:0;background:#d8d8d4}.web-v09 .web-preview[data-style=editorial] .web-art-arch{transform:rotate(20deg);left:5%;top:27%;width:85%;height:78%}.web-v09 .web-preview[data-style=editorial] .web-art-halo{width:160%;left:-30%;top:-30%;border-color:#aaa}.web-v09 .web-preview[data-style=editorial] .web-concept-desc{grid-column:2;grid-row:2;align-self:end}.web-v09 .web-preview[data-style=editorial] .web-concept-desc>span{margin-top:15px}.web-v09 .web-preview[data-style=editorial] .web-concept-index{margin-top:0}.web-v09 .web-preview[data-style=editorial] .web-art-mark{font-size:clamp(45px,8cqw,90px);line-height:1;color:#fafaf8;left:15px;bottom:10px}
/* Immersive: the sculpture becomes a full-bleed scene behind a typographic title. */
.web-v09 .web-preview[data-style=immersive] .web-concept{background:#19191b;color:#f7f7f4}.web-v09 .web-preview[data-style=immersive] .web-concept-nav{border-color:#ffffff25}.web-v09 .web-preview[data-style=immersive] .web-concept-content{grid-template-columns:1fr 1fr;padding-top:24px}.web-v09 .web-preview[data-style=immersive] .web-concept-title{grid-column:1/-1;position:relative;display:flex;flex-direction:column;padding-top:0;align-self:start}.web-v09 .web-preview[data-style=immersive] .web-concept-title h3{position:absolute;right:0;top:42px;font-size:clamp(22px,3cqw,38px);line-height:1.5;font-weight:500}.web-v09 .web-preview[data-style=immersive] .web-concept-title-en{display:block;font:800 clamp(56px,10cqw,110px)/.9 Arial,sans-serif;letter-spacing:-.075em;max-width:60%}.web-v09 .web-preview[data-style=immersive] .web-sculpture{position:absolute;inset:0;z-index:-1;background:transparent;min-height:0;overflow:hidden}.web-v09 .web-preview[data-style=immersive] .web-art-grid{opacity:.12}.web-v09 .web-preview[data-style=immersive] .web-art-halo{width:62%;top:-18%;left:29%;border-color:#ffffff24}.web-v09 .web-preview[data-style=immersive] .web-art-arch{width:34%;height:100%;left:37%;top:11%;transform:rotate(30deg);opacity:.85}.web-v09 .web-preview[data-style=immersive] .web-art-block{width:70%;height:20%;bottom:-10%;left:18%;background:#494949}.web-v09 .web-preview[data-style=immersive] .web-art-mark,.web-v09 .web-preview[data-style=immersive] .web-art-caption{display:none}.web-v09 .web-preview[data-style=immersive] .web-concept-desc{grid-column:2;justify-self:end}.web-v09 .web-preview[data-style=immersive] .web-concept-desc>p{color:#ccc}.web-v09 .web-preview[data-style=immersive] .web-concept-desc>span{border-color:#ffffff50}.web-v09 .web-preview[data-style=immersive] .web-concept-index{border-color:#ffffff25}
.web-v09 .web-thinking{background:#19191b;color:#f4f4f1;padding:75px var(--pad) 70px;display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw}.web-v09 .web-thinking .web-small-label{color:#a5a5a5}.web-v09 .web-thinking h2{font-size:clamp(32px,3.9vw,58px);line-height:1.38;margin-top:25px}.web-v09 .web-thinking-intro>p{font-size:12px;color:#a5a5a5;margin-top:18px;line-height:2}.web-v09 .web-type-mark{display:flex;align-items:center;gap:24px;margin-top:34px;height:100px}.web-v09 .web-type-mark>span{font:400 106px/1 Georgia,serif;letter-spacing:-.08em}.web-v09 .web-type-mark i{font:300 78px/1 Arial,sans-serif;color:#bd1e25;transform:rotate(-8deg)}.web-v09 .web-details{align-self:center;border-top:1px solid #474749}.web-v09 .web-details details{border-bottom:1px solid #474749}.web-v09 .web-details summary{display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:25px 0}.web-v09 .web-details summary::-webkit-details-marker{display:none}.web-v09 .web-details summary>span{font-size:10px;color:#a5a5a5}.web-v09 .web-details summary h3{font-size:clamp(18px,1.75vw,26px);font-weight:500;letter-spacing:-.03em}.web-v09 .web-details summary i{font-size:23px;font-style:normal;color:#e45b60;line-height:1;transition:transform .2s}.web-v09 .web-details details[open] summary i{transform:rotate(45deg)}.web-v09 .web-details details>div{padding:0 30px 28px 37px}.web-v09 .web-details details>div>p{font-size:12px;color:#aeaeaf;line-height:2.1}.web-v09 .web-type-sample{margin-top:24px;border-left:2px solid #bd1e25;padding-left:20px;display:flex;flex-direction:column;gap:7px}.web-v09 .web-type-sample b{font:600 30px var(--serif)}.web-v09 .web-type-sample span{font-size:10px;color:#aaa}.web-v09 .web-type-sample i{height:1px;background:#555;max-width:200px;margin-top:8px}.web-v09 .web-feedback-example{display:flex;align-items:center;justify-content:space-between;border:1px solid #666;width:180px;padding:11px 16px;margin-top:20px;font-size:11px;transition:background .25s,border-color .25s}.web-v09 .web-feedback-example span{font-size:21px;transition:transform .25s}.web-v09 .web-feedback-example:hover{background:#bd1e25;border-color:#bd1e25}.web-v09 .web-feedback-example:hover span{transform:translate(3px,-3px)}.web-v09 .web-screen-sample{display:flex;align-items:end;gap:13px;margin-top:25px}.web-v09 .web-screen-sample i{display:block;width:74px;height:45px;border:1px solid #888;border-top:3px solid #bd1e25}.web-v09 .web-screen-sample i:nth-child(2){width:45px;height:55px}.web-v09 .web-screen-sample i:nth-child(3){width:26px;height:45px}.web-v09 .web-screen-sample span{font-size:9px;color:#999}
.web-v09 .web-selected{padding-top:75px;padding-bottom:75px}.web-v09 .web-selected-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.web-v09 .web-selected-title h2{font-size:clamp(27px,3vw,43px);line-height:1.5;margin-top:17px}.web-v09 .web-selected-title>a{font-size:11px;white-space:nowrap;padding-bottom:8px;border-bottom:1px solid #999}.web-v09 .web-project{display:grid;grid-template-columns:.2fr 1.2fr 1fr 60px;align-items:center;gap:35px;border-top:1px solid var(--web-line);padding:22px 0;position:relative}.web-v09 .web-project:last-child{border-bottom:1px solid var(--web-line)}.web-v09 .web-project-no{font-size:10px;color:#777}.web-v09 .web-project h3{font-size:clamp(21px,2.8vw,38px);transition:color .25s;line-height:1.4}.web-v09 .web-project p{font-size:10px;color:#777;margin-top:12px}.web-v09 .web-project-image{height:147px;background:#dededb;overflow:hidden;padding:15px 23px 0}.web-v09 .web-project-image img{width:100%;transform:translateY(0);transition:transform .65s var(--ease);filter:grayscale(1)}.web-v09 .web-project-link{font:300 40px/1 var(--sans);justify-self:end;color:var(--web-red);transition:transform .3s}.web-v09 .web-project:hover h3{color:var(--web-red)}.web-v09 .web-project:hover img{transform:translateY(-13px)}.web-v09 .web-project:hover .web-project-link{transform:translate(4px,-4px)}.web-v09 .web-next{position:relative;background:var(--web-red);color:#fff;padding:45px var(--pad) 50px;display:grid;grid-template-columns:1fr auto;gap:20px 50px;align-items:end}.web-v09 .web-next>span{grid-column:1/-1;font-size:9px;letter-spacing:.15em;color:#fff9}.web-v09 .web-next h2{font-size:clamp(31px,4.1vw,62px);line-height:1.3}.web-v09 .web-next>a{display:flex;gap:30px;align-items:center;border-bottom:1px solid #fff8;padding:14px 0;font-size:14px;white-space:nowrap}.web-v09 .web-next>a b{font:300 40px/1 var(--sans);transition:transform .25s}.web-v09 .web-next>a:hover b{transform:translate(3px,-3px)}
@container (max-width:480px){.web-v09 .web-concept{min-height:452px}.web-v09 .web-concept-nav{height:45px;margin-inline:7%}.web-v09 .web-concept-nav>span{display:none}.web-v09 .web-concept-nav>b{font-size:14px}.web-v09 .web-concept-content{padding:21px 7% 15px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:17px}.web-v09 .web-concept-title{grid-row:1;grid-column:1;padding-top:0}.web-v09 .web-concept-title h3{font-size:clamp(26px,9cqw,39px)}.web-v09 .web-concept-title h3 br{display:none}.web-v09 .web-concept-title>small{font-size:6px;margin-bottom:11px}.web-v09 .web-sculpture{grid-column:1;grid-row:2;min-height:160px;height:160px}.web-v09 .web-art-arch{width:40%;height:100%;left:23%;top:25%;transform:rotate(-25deg)}.web-v09 .web-art-arch i{border-width:9px}.web-v09 .web-art-halo{width:55%;left:23%;top:-15%}.web-v09 .web-concept-desc{grid-column:1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:20px}.web-v09 .web-concept-desc>p{font-size:8px}.web-v09 .web-concept-desc>span{width:90px;margin-top:0;flex-shrink:0}.web-v09 .web-concept-index{grid-row:4;font-size:5px;padding-top:10px}.web-v09 .web-preview[data-style=editorial] .web-concept-content{grid-template-columns:1fr 1fr;gap:15px 15px;padding-top:14px}.web-v09 .web-preview[data-style=editorial] .web-concept-title{grid-column:1/-1;grid-row:1;text-align:center}.web-v09 .web-preview[data-style=editorial] .web-concept-title h3{font-size:25px;line-height:1.4}.web-v09 .web-preview[data-style=editorial] .web-concept-title>small{margin-bottom:9px}.web-v09 .web-preview[data-style=editorial] .web-sculpture{grid-column:1/-1;grid-row:2;height:190px;min-height:0}.web-v09 .web-preview[data-style=editorial] .web-art-arch{width:52%;height:100%;left:22%;top:37%}.web-v09 .web-preview[data-style=editorial] .web-concept-desc{grid-column:1/-1;grid-row:3;display:flex}.web-v09 .web-preview[data-style=editorial] .web-concept-desc>span{margin-top:0}.web-v09 .web-preview[data-style=editorial] .web-concept-index{grid-row:4}.web-v09 .web-preview[data-style=immersive] .web-concept-content{grid-template-columns:1fr;min-height:407px;gap:22px}.web-v09 .web-preview[data-style=immersive] .web-concept-title-en{font-size:clamp(64px,22cqw,105px);max-width:none}.web-v09 .web-preview[data-style=immersive] .web-concept-title h3{position:static;font-size:23px;line-height:1.4;margin-top:20px}.web-v09 .web-preview[data-style=immersive] .web-concept-desc{grid-column:1;grid-row:3;width:100%;align-self:end}.web-v09 .web-preview[data-style=immersive] .web-art-arch{width:50%;height:65%;left:35%;top:23%;opacity:.6}.web-v09 .web-preview[data-style=immersive] .web-art-halo{width:120%;left:0;top:0}.web-v09 .web-preview[data-style=immersive] .web-concept-index{grid-row:4}}
@media(min-width:1600px){.web-v09 .web-thinking,.web-v09 .web-next{padding-inline:max(var(--pad),calc((100vw - 1456px)/2))}}
@media(max-width:1050px){.web-v09 .web-intro{grid-template-columns:1.4fr 1fr;gap:5vw}.web-v09 .web-intro h1{font-size:clamp(62px,8.5vw,93px)}.web-v09 .web-intro sup{left:calc(100% + 8px);font-size:.46em}.web-v09 .web-intro-note p:first-of-type{font-size:18px}.web-v09 .web-intro-note p+p{font-size:11px}.web-v09 .web-workbench{grid-template-columns:166px minmax(0,1fr)}.web-v09 .web-direction{padding:26px 17px 20px}.web-v09 .web-tabs strong{font-size:15px}.web-v09 .web-tabs b{display:none}.web-v09 .web-stage{padding:22px 18px;min-height:476px}.web-v09 .web-tools{padding-inline:18px;gap:12px}.web-v09 .web-tools input{width:80px}.web-v09 .web-lab-bottom{padding-inline:18px;font-size:8px}.web-v09 .web-lab-bottom>span{display:none}.web-v09 .web-thinking{gap:6vw}.web-v09 .web-project{grid-template-columns:35px 1fr 1fr 30px;gap:22px}.web-v09 .web-project-image{height:125px}}
@media(max-width:760px){.web-v09 .web-opening{padding-top:118px;padding-bottom:35px}.web-v09 .web-eyebrow{font-size:8px;padding-top:15px;letter-spacing:.08em}.web-v09 .web-eyebrow>span:last-child{display:none}.web-v09 .web-intro{grid-template-columns:1fr;padding-top:28px;gap:27px}.web-v09 .web-intro h1{font-size:clamp(54px,11.9vw,84px);line-height:1.2}.web-v09 .web-intro sup{left:calc(100% + 18px);top:8px;font-size:.5em}.web-v09 .web-intro-note{display:grid;grid-template-columns:1fr 1.15fr;gap:0 23px;max-width:none;padding:0}.web-v09 .web-note-line{display:none}.web-v09 .web-intro-note p:first-of-type{font-size:16px;margin:0;line-height:1.8}.web-v09 .web-intro-note p+p{font-size:10px;line-height:1.9}.web-v09 .web-intro-note>a{grid-column:1/-1;margin-top:10px;padding-top:10px;font-size:11px}.web-v09 .web-lab{padding-bottom:50px}.web-v09 .web-lab-top{padding:18px 0;display:block}.web-v09 .web-lab-top h2{font-size:13px}.web-v09 .web-lab-top h2>span{font-size:8px;margin-right:15px}.web-v09 .web-lab-top>p{font-size:10px;margin-top:7px}.web-v09 .web-workbench{grid-template-columns:1fr}.web-v09 .web-direction{border-right:0;padding:0;background:#efefec}.web-v09 .web-direction>.web-small-label,.web-v09 .web-direction-copy,.web-v09 .web-concept-label{display:none}.web-v09 .web-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.web-v09 .web-tabs button{display:flex;flex-direction:column;gap:3px;border:0!important;border-right:1px solid #cececb!important;padding:15px 12px 13px}.web-v09 .web-tabs button:last-child{border-right:0!important}.web-v09 .web-tabs button>span{display:none}.web-v09 .web-tabs strong{font-size:14px}.web-v09 .web-tabs small{font-size:6px;letter-spacing:.02em}.web-v09 .web-tabs button[aria-selected=true]{background:var(--web-ink);color:#fff;box-shadow:inset 0 -3px var(--web-red)}.web-v09 .web-tabs button[aria-selected=true] small{color:#bbb}.web-v09 .web-tools{border-top:1px solid #cececb;gap:10px;padding:10px 14px;justify-content:space-between;min-height:48px}.web-v09 .web-tools label{font-size:8px}.web-v09 .web-tools output{min-width:46px;font-size:8px}.web-v09 .web-tools input{width:80px;min-width:35px;flex:1;max-width:180px}.web-v09 .web-tools button{font-size:8px;padding-left:10px}.web-v09 .web-tools button span{font-size:14px;margin-right:3px}.web-v09 .web-stage{padding:17px 13px;min-height:0}.web-v09 .web-lab-bottom{padding:12px 14px;font-size:9px;display:block;line-height:1.8}.web-v09 .web-lab-bottom:after{content:'构间 FIELD · 虚构品牌交互概念';display:block;color:#888;font-size:8px}.web-v09 .web-thinking{grid-template-columns:1fr;gap:32px;padding-block:45px}.web-v09 .web-thinking-intro{display:grid;grid-template-columns:1fr auto;gap:15px}.web-v09 .web-thinking-intro>.web-small-label{grid-column:1/-1;font-size:8px}.web-v09 .web-thinking h2{margin:0;font-size:31px}.web-v09 .web-type-mark{height:auto;margin:0;gap:10px;align-self:center}.web-v09 .web-type-mark>span{font-size:65px}.web-v09 .web-type-mark i{font-size:42px}.web-v09 .web-thinking-intro>p{grid-column:1/-1;margin-top:0;font-size:11px}.web-v09 .web-details summary{padding:22px 0;gap:10px;grid-template-columns:20px 1fr 16px}.web-v09 .web-details summary h3{font-size:18px}.web-v09 .web-details details>div{padding-left:30px;padding-right:5px}.web-v09 .web-selected{padding-block:45px}.web-v09 .web-selected-title{display:block;margin-bottom:25px}.web-v09 .web-selected-title h2{font-size:26px;margin-top:12px}.web-v09 .web-selected-title>a{display:inline-block;margin-top:17px;padding-bottom:5px;font-size:10px}.web-v09 .web-project{grid-template-columns:23px 1fr 28px;gap:15px;padding:20px 0}.web-v09 .web-project h3{font-size:25px}.web-v09 .web-project p{font-size:9px;margin-top:7px}.web-v09 .web-project-image{grid-row:2;grid-column:2/-1;height:165px;padding:18px 23px 0}.web-v09 .web-project-link{grid-column:3;grid-row:1;font-size:29px}.web-v09 .web-next{padding-block:32px;grid-template-columns:1fr;gap:18px}.web-v09 .web-next>span{font-size:8px}.web-v09 .web-next h2{font-size:37px}.web-v09 .web-next>a{width:max-content;gap:35px;padding:8px 0;font-size:12px}.web-v09 .web-next>a b{font-size:30px}}
@media(max-width:380px){.web-v09 .web-intro h1{font-size:50px}.web-v09 .web-intro sup{left:calc(100% + 10px)}.web-v09 .web-intro-note{grid-template-columns:1fr;gap:14px}.web-v09 .web-intro-note p:first-of-type br{display:none}.web-v09 .web-intro-note p+p{max-width:28em}.web-v09 .web-tabs button{padding-inline:10px}.web-v09 .web-tabs strong{font-size:12px}.web-v09 .web-tabs small{font-size:5px}.web-v09 .web-tools{gap:7px;padding-inline:10px}.web-v09 .web-tools output{min-width:42px}.web-v09 .web-stage{padding:12px 9px}.web-v09 .web-thinking h2{font-size:28px}.web-v09 .web-type-mark>span{font-size:50px}.web-v09 .web-type-mark i{display:none}.web-v09 .web-selected-title h2{font-size:23px}.web-v09 .web-project h3{font-size:23px}.web-v09 .web-project-image{height:140px}}
@media(prefers-reduced-motion:reduce){.web-v09 *,.web-v09 *:before,.web-v09 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the introduction readable instead of forcing two tiny columns on phones. */
@media(max-width:760px){.web-v09 .web-intro-note{display:block}.web-v09 .web-intro-note p:first-of-type{font-size:17px;line-height:1.7}.web-v09 .web-intro-note p:first-of-type br{display:initial}.web-v09 .web-intro-note p+p{font-size:12px;line-height:1.9;max-width:33em;margin-top:12px}.web-v09 .web-intro-note>a{margin-top:15px}.web-v09 .web-details details>div>p{font-size:13px}}