/* Style study: tactile objects, a consistent marker gesture, quiet motion. */
.brand-b1{display:inline-flex;color:var(--ink);width:180px;line-height:1;flex-shrink:0}
.brand-b1 svg{display:block;width:100%;height:auto;overflow:visible}
.brand-b1 .brand-off{font-family:var(--display);font-weight:900;fill:currentColor}
.brand-b1 .brand-script{font-family:var(--hand);font-weight:400;fill:var(--orange)}
.brand-b1 path{stroke:currentColor;stroke-width:8;stroke-linecap:round;fill:none}
.membership-pass .brand-b1{color:var(--paper);width:132px}
.v10 .clue-introduction{grid-template-columns:1fr 1fr 240px;gap:32px;align-items:center}
.collage-object{margin:0;position:relative;isolation:isolate}
.collage-object img{object-fit:contain;filter:none;transform:none!important;will-change:auto}
.idea-collage{width:240px;height:240px}
.threshold-collage{width:220px;height:190px;margin:20px 0 0 auto}
.threshold-collage:after{content:'';position:absolute;left:27%;right:9%;bottom:11%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s ease .1s}
.threshold-collage.art-arrived:after{transform:scaleX(1)}
.v10 .together-photo.chair-collage{background:var(--paper);color:var(--ink);height:450px;border:1px solid #19191925;overflow:hidden}
.v10 .together-photo.chair-collage:after{display:none}
.v10 .together-photo.game-photo{height:auto}
.v10 .together-photo.game-photo img{height:clamp(390px,43vw,640px);object-position:50% 58%}
.v10 .together-photo.game-photo:after{display:none}
.v10 .together-photo.game-photo figcaption{position:relative;left:auto;bottom:auto;align-items:flex-start;padding:24px 0 22px}
.v10 .together-photo.game-photo figcaption>span:first-child{font-size:clamp(36px,4.4vw,62px)}
.v10 .together-photo.game-photo figcaption .handwritten{font-size:28px;line-height:1.2;transform-origin:left center}
@media(max-width:740px){.v10 .together-photo.game-photo img{height:350px;object-position:50% 65%}.v10 .together-photo.game-photo figcaption{padding:22px var(--pad) 22px}.v10 .together-photo.game-photo figcaption>span:first-child{font-size:38px}.v10 .together-photo.game-photo figcaption .handwritten{font-size:25px}}
.v10 .together-photo.chair-collage img{height:78%;width:86%;margin:0 auto;object-fit:contain;filter:none;transform:none!important}
.v10 .together-photo.chair-collage figcaption{bottom:22px;left:30px;color:var(--ink)}
.v10 .together-photo.chair-collage figcaption>span:first-child{font-size:clamp(34px,4vw,60px)}
.v10 .together-photo.chair-collage figcaption .handwritten{font-size:28px;line-height:1.2;transform-origin:left center}
.collage-object,.chair-collage{--art-offset:12px}
.collage-object img{opacity:1;translate:0 var(--art-offset);rotate:-2deg;transition:translate .7s cubic-bezier(.22,1,.36,1),rotate .7s cubic-bezier(.22,1,.36,1)}
.collage-object.art-arrived img{translate:0 0;rotate:0deg}
.chair-collage img{translate:16px 0;transition:translate .8s cubic-bezier(.22,1,.36,1)}
.chair-collage.art-arrived img{translate:0 0}
@media(hover:hover) and (pointer:fine){.idea-collage:hover img{rotate:3deg}.threshold-collage:hover img{translate:5px 0}}
@media(max-width:1100px){.v10 .clue-introduction{grid-template-columns:1fr 1fr}.idea-collage{grid-column:1/-1;width:240px;height:195px;justify-self:center}}
@media(max-width:740px){.v10 .header .brand-b1{width:126px}.v10 .clue-introduction{display:grid;grid-template-columns:1fr;gap:16px}.idea-collage{grid-column:1;grid-row:1;width:190px;height:165px;justify-self:center}.v10 .clue-introduction .clue-lead{margin-top:0}.threshold-collage{width:175px;height:145px;margin:14px auto 0}.v10 .together-photo.chair-collage{height:320px;margin:0 var(--pad);border:0}.v10 .together-photo.chair-collage img{height:69%;width:100%}.v10 .together-photo.chair-collage figcaption{left:18px;bottom:22px}.v10 .together-photo.chair-collage figcaption>span:first-child{font-size:35px}.v10 .together-photo.chair-collage figcaption .handwritten{font-size:23px}.v10 footer .brand-b1{width:140px}}
@media(max-width:360px){.v10 .header .brand-b1{width:112px}}
.motion-off .collage-object img,.motion-off .chair-collage img{translate:none;rotate:none;transition:none}.motion-off .threshold-collage:after{transform:scaleX(1);transition:none}
@media(prefers-reduced-motion:reduce){.collage-object img,.chair-collage img{translate:none;rotate:none;transition:none}.threshold-collage:after{transform:scaleX(1);transition:none}}
