
:root{--ink:#191919;--cement:#b6b6b1;--muted:#666660;--line:#d8d8d3;--paper:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #66665f;outline-offset:5px}::selection{background:#c9c9c1}img{max-width:100%;display:block}figure{margin:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}a,button{touch-action:manipulation}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
.header{position:fixed;top:0;left:0;right:0;height:72px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(182,182,177,.2)}.brand{font-size:13px;letter-spacing:.14em;display:flex;gap:25px;align-items:center}.brand span{font-size:10px;letter-spacing:.02em;color:var(--muted)}.header nav{display:flex;gap:30px;align-items:center;font-size:12px}.header a{padding:15px 0}.header [aria-current=page]{border-bottom:1px solid var(--ink)}.count{font-size:9px;vertical-align:super;margin-left:5px;color:var(--muted)}
.stage{display:flex;overflow-x:auto;overflow-y:hidden;height:100svh;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.stage::-webkit-scrollbar{display:none}.spread{position:relative;isolation:isolate;flex:0 0 100%;width:100%;height:100svh;padding:103px 5% 88px;scroll-snap-align:start;overflow:hidden;background:white;display:flex;flex-direction:column;scroll-margin-top:0}.kicker{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:22px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.kicker h2{font-size:11px;letter-spacing:.13em;margin:0}.kicker span{color:var(--muted);font-size:9px}.chapter-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.display{font-size:clamp(45px,7vw,108px);letter-spacing:-.06em;line-height:.95;font-weight:500;margin:15px 0 22px}.body-copy{font-size:13px;line-height:1.8;max-width:440px}.sub{font-size:11px;letter-spacing:.09em;text-transform:uppercase;line-height:1.7;color:var(--muted)}.note{font-size:11px;line-height:1.65;color:var(--muted)}
.rail{position:fixed;bottom:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4%;z-index:25;border-top:1px solid rgba(182,182,177,.25);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.rail-controls{display:flex;gap:18px;align-items:center;min-width:130px}.rail button{border:0;background:none;min-width:34px;height:40px;padding:5px}.rail .prev,.rail .next{font-size:25px}.pagecount{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.chapters{display:flex;gap:21px;align-items:center;overflow:auto;scrollbar-width:none}.chapters a{font-size:10px;white-space:nowrap;min-height:44px;display:flex;align-items:center;color:var(--muted)}.chapters [aria-current=true]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.project-label{font-size:10px;letter-spacing:.08em;white-space:nowrap}
.image{position:relative;min-width:0}.image button{display:block;width:100%;height:100%;border:0;background:transparent;padding:0;position:relative}.image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .2s}.image button:hover img{opacity:.91}.image figcaption{font-size:9px;line-height:1.5;letter-spacing:.025em;color:#575751;margin-top:7px;position:relative;z-index:3}.image .zoom{opacity:0;position:absolute;right:7px;bottom:7px;background:white;padding:5px;font-size:11px}.image button:hover .zoom,.image button:focus-visible .zoom{opacity:1}.image img{border-radius:0;transform:none}.wash{position:absolute;z-index:-1;background:rgba(182,182,177,.25);pointer-events:none}.ambient{position:absolute;z-index:-2;opacity:.09;filter:blur(21px);pointer-events:none;object-fit:cover}.board{position:relative;flex:1;min-height:0}.board>.image{position:absolute}.board .image button{height:calc(100% - 26px)}.board .image img{max-height:100%}.board .image figcaption{font-size:9px}.board .wash{z-index:-1}.opening{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.opening .intro{position:relative;z-index:3}.opening .board{height:100%;width:100%}.opening .main{left:26%;top:0;width:62%;height:96%}.opening .detail{left:0;bottom:1%;width:38%;height:44%;z-index:4}.opening .wash{left:5%;top:15%;width:84%;height:65%}.opening .ambient{left:10%;top:10%;width:60%;height:70%}.project-meta{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:20px}.index-link{font-size:11px;border-bottom:1px solid var(--ink);padding:10px 0;display:inline-block;margin-top:15px}
.cover{padding:0;display:grid;place-items:center;background:#e6e6e2}.cover-bg{position:absolute;inset:10% 8%;width:84%;height:85%;object-fit:cover;object-position:center 40%;filter:blur(27px);opacity:.35;transform:scale(1.03);z-index:-2}.cover-veil{position:absolute;inset:0;background:rgba(182,182,177,.25);z-index:-1}.cover-type{text-align:center;padding:25px}.cover-type h1{font-size:14px;line-height:1.9;font-weight:400;letter-spacing:.44em;text-indent:.44em;margin-bottom:14px}.cover-type p{font-size:9px;letter-spacing:.24em;text-transform:uppercase}.cover-type a{display:inline-block;font-size:10px;letter-spacing:.12em;border-bottom:1px solid #6b6b65;padding:12px 0;margin-top:35px}.cover-folio{position:absolute;bottom:93px;font-size:9px;letter-spacing:.12em;color:#55554f}
.work-intro{display:flex;justify-content:space-between;margin-bottom:26px;gap:40px}.work-intro p{font-size:14px;line-height:1.6;max-width:360px}.work-grid{display:grid;grid-template-columns:1fr .9fr 1.1fr;gap:6%;flex:1;min-height:0;align-items:end}.work-item{min-height:0;height:100%;display:flex;flex-direction:column;justify-content:end}.work-item:nth-child(2){height:90%}.work-item:nth-child(3){height:82%}.work-img{height:calc(100% - 75px);min-height:0;position:relative}.work-img img{height:100%;width:100%;object-fit:contain}.work-img:after{content:'';position:absolute;inset:20% 10% 10%;background:rgba(182,182,177,.16);z-index:-1}.work-caption{display:flex;gap:15px;margin-top:15px;align-items:baseline}.work-caption small{font-size:9px}.work-caption h3{font-size:15px;letter-spacing:-.025em;margin-bottom:7px}.work-caption p{font-size:10px;color:var(--muted)}.additional{margin-top:18px;font-size:10px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px}
.lava-research .research{left:0;top:0;width:44%;height:65%}.lava-research .sketches{left:29%;top:28%;width:46%;height:65%;z-index:2}.lava-research .drawing{right:0;top:3%;width:24%;height:85%}.lava-research .wash{left:15%;top:25%;width:50%;height:60%}.lava-research .floating-note{position:absolute;left:0;bottom:0;width:24%;font-size:11px;line-height:1.8}
.trials{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:25px 5%;flex:1;min-height:0;position:relative}.trials:before{content:'';position:absolute;left:26%;top:12%;height:74%;width:46%;background:rgba(182,182,177,.12);z-index:-1}.trials .image{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:end}.trials .image button{height:calc(100% - 24px)}.trials figcaption{font-size:10px}.trials .image:nth-child(2),.trials .image:nth-child(5){padding-top:9%}.trials .image:nth-child(3),.trials .image:nth-child(4){padding-left:13%}
.construction .technical{left:0;top:5%;width:50%;height:69%}.construction .marker{left:40%;bottom:0;width:32%;height:48%;z-index:2}.construction .photo{right:0;top:0;width:26%;height:94%}.construction .wash{left:20%;top:20%;width:45%;height:60%}.construction .floating-note{position:absolute;bottom:0;left:0;width:32%;font-size:11px;line-height:1.7}
.editorial .large{left:3%;top:0;width:42%;height:97%}.editorial .close{left:43%;top:2%;width:30%;height:62%;z-index:2}.editorial .other{right:1%;bottom:0;width:27%;height:58%;z-index:3}.editorial .wash{left:25%;top:12%;width:63%;height:74%}.editorial .floating-note{position:absolute;left:48%;bottom:8%;width:20%;font-size:11px;line-height:1.7}.runway .runway-photo{left:3%;top:0;width:40%;height:98%}.runway .backstage{right:5%;top:4%;width:27%;height:80%}.runway .backstage-full{left:41%;bottom:0;width:24%;height:54%;z-index:4}.runway .wash{left:18%;top:10%;width:73%;height:70%}.runway .floating-note{position:absolute;right:0;bottom:0;width:28%;font-size:11px;line-height:1.7}
.muda-board .original-sketch{left:1%;top:16%;width:23%;height:59%}.muda-board .lacing{left:27%;top:0;width:24%;height:64%;z-index:2}.muda-board .shell{left:24%;top:48%;width:30%;height:35%;z-index:3}.muda-board .tech{left:47%;top:17%;width:25%;height:57%;z-index:4}.muda-board .front{right:0;top:0;width:24%;height:91%;z-index:3}.muda-board .row{left:4%;bottom:0;width:60%;height:21%;z-index:4}.muda-board .wash{left:18%;top:25%;width:52%;height:45%}.muda-board .ambient{left:-4%;top:2%;width:46%;height:75%}.muda-board .front~.wash{right:0}
.material .one{left:0;top:2%;width:24%;height:53%}.material .two{left:22%;top:18%;width:26%;height:56%;z-index:2}.material .three{left:46%;top:0;width:22%;height:48%;z-index:3}.material .fit{right:0;top:0;width:26%;height:94%}.material .shell-wide{left:14%;bottom:0;width:48%;height:29%;z-index:4}.material .wash{left:4%;top:17%;width:80%;height:59%}
.collection{display:grid;grid-template-columns:1fr 1.45fr;gap:5%;align-items:center;flex:1;min-height:0}.collection .image{height:90%;min-height:0}.collection .image button{height:calc(100% - 32px)}.collection .image:nth-child(2){height:72%;align-self:end}.collection-note{font-size:11px;margin-top:20px;color:var(--muted)}.transform{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;flex:1;min-height:0}.transform .image{height:95%;min-height:0}.transform .image button{height:calc(100% - 30px)}.transform .image:nth-child(2){height:78%;align-self:center}.transform .image:nth-child(3){height:88%;align-self:end}
.manual-open .main{left:0;width:48%;height:97%}.manual-open .detail{right:0;left:auto;width:46%;height:81%;bottom:0}.manual-open .wash{left:14%;top:14%;width:78%;height:70%}.archive .sheet-one{left:0;top:0;width:59%;height:87%}.archive .sheet-two{right:0;bottom:0;width:54%;height:74%;z-index:2}.archive .wash{left:20%;top:20%;width:70%;height:60%}.characters{display:grid;grid-template-columns:repeat(5,1fr);gap:3%;flex:1;min-height:0;align-items:center}.characters .image{height:84%;min-height:0}.characters .image button{height:calc(100% - 32px)}.characters .image:nth-child(even){align-self:end;height:78%}.character-note{font-size:11px;margin-top:20px;line-height:1.6;color:var(--muted)}.explorer .design{left:0;top:1%;width:43%;height:90%}.explorer .made{right:5%;top:0;width:33%;height:97%}.explorer .wash{left:20%;top:20%;width:68%;height:66%}.explorer .floating-note{position:absolute;left:36%;bottom:5%;width:25%;padding:15px;background:rgba(255,255,255,.94);z-index:4;font-size:12px;line-height:1.7}
.huella-open .main{left:24%;width:66%}.huella-open .detail{left:0;width:42%;height:43%}.huella-open .detail img{object-fit:cover;object-position:14% 55%}.info-page{min-height:100svh;padding:130px 7% 70px;position:relative;isolation:isolate}.info-page h1{font-size:clamp(45px,7vw,95px);line-height:1;letter-spacing:-.05em;margin:20px 0 48px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:start}.about-image{height:50vh}.about-image img{width:100%;height:100%;object-fit:contain}.about-copy{font-size:15px;line-height:1.9;max-width:580px}.about-copy h2{font-size:23px;line-height:1.6;letter-spacing:-.03em}.facts{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:12px}.facts dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.facts dd{margin:0;line-height:1.8}.contact-intro{font-size:14px;line-height:1.8;max-width:390px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.contact-links{margin-top:0}.contact-links a{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:100px;border-bottom:1px solid var(--line)}.contact-links a:first-child{border-top:1px solid var(--line)}.contact-links small{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:9px;margin-bottom:10px}.contact-links strong{font-size:clamp(16px,2vw,24px);font-weight:400;letter-spacing:-.02em;overflow-wrap:anywhere}.contact-links .link-direction{font-size:25px}.contact-wash{height:170px;background:rgba(182,182,177,.2);margin-top:40px;position:relative;overflow:hidden}.contact-wash img{height:150%;width:100%;object-fit:cover;filter:blur(22px);opacity:.17}.contact-wash span{position:absolute;left:20px;bottom:20px;letter-spacing:.18em;font-size:10px}.footer{display:flex;justify-content:space-between;gap:25px;padding:30px 7%;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
dialog.lightbox{border:0;padding:0;max-width:96vw;max-height:96svh;width:1100px;background:white;color:var(--ink)}dialog::backdrop{background:rgba(30,30,28,.82);backdrop-filter:blur(5px)}.lightbox-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2;font-size:12px}.lightbox-close{border:1px solid var(--line);padding:9px 14px;background:white;min-height:40px}.lightbox-body{padding:20px;overflow:auto;max-height:82svh}.lightbox-body img{width:100%;height:auto;max-height:none;margin:auto;object-fit:contain}.lightbox-credit{font-size:11px;color:var(--muted);padding:0 20px 16px}.lightbox-credit a{text-decoration:underline;text-underline-offset:4px}.lightbox-title{margin:0}.lightbox-body img.portrait{width:auto;max-width:100%;max-height:74svh}
@media(min-width:901px) and (max-height:700px){.header{height:58px}.spread{padding-top:77px;padding-bottom:70px}.rail{height:55px}.kicker{margin-bottom:12px}.body-copy{font-size:12px}.display{font-size:65px}.opening .main{height:95%}}
@media(max-width:1050px) and (min-width:901px){.spread{padding-left:4%;padding-right:4%}.chapters{gap:12px}.opening{gap:3vw}.project-label{display:none}.body-copy{font-size:12px}.characters{gap:1%}}
@media(max-width:900px){html{scroll-padding-top:0}.header{height:68px;padding:0 5%}.brand{font-size:11px}.brand span{display:none}.header nav{gap:20px;font-size:11px}.stage{display:block;height:auto;overflow:visible}.spread{height:auto;min-height:0;overflow:visible;padding:32px 5% 55px;scroll-margin-top:68px;display:block}.spread:first-child{padding-top:108px}.cover:first-child{padding:0;min-height:100svh;display:grid}.cover-type h1{font-size:12px;letter-spacing:.29em}.cover-folio{bottom:100px}.cover-bg{inset:16% 2%;width:96%;height:68%}.rail{height:63px;padding:0 4%;gap:12px}.rail-controls{min-width:115px;gap:8px}.rail .project-label{display:none}.chapters{gap:18px}.chapters a{font-size:10px}.kicker{margin-bottom:28px}.kicker span{max-width:45%;text-align:right;line-height:1.6}.work-intro{display:block}.work-intro p{font-size:16px}.work-grid{grid-template-columns:1fr;gap:40px}.work-item,.work-item:nth-child(2),.work-item:nth-child(3){height:auto}.work-img{height:55svh}.work-item:nth-child(2) .work-img{height:60svh}.work-caption h3{font-size:20px}.work-caption p{font-size:12px}.additional{font-size:12px;line-height:1.8;margin-top:35px}.opening{display:block}.opening .intro{max-width:600px}.display{font-size:65px;margin:15px 0 25px}.body-copy{font-size:15px;max-width:600px}.project-meta{font-size:11px}.board,.opening .board{height:auto;display:flex;flex-direction:column;gap:28px;position:relative;margin-top:32px}.board>.image,.opening .board>.image{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;margin:0;z-index:auto}.board .image button{height:auto}.board .image img{max-height:75svh;width:100%;height:auto;object-fit:contain}.board .image figcaption{font-size:11px;margin-top:10px}.board .image:nth-of-type(even){width:83%!important;align-self:end}.board .wash{left:14%!important;top:8%!important;width:76%!important;height:80%!important}.board .ambient{display:none}.floating-note{position:relative!important;width:100%!important;left:auto!important;right:auto!important;bottom:auto!important;font-size:13px!important;padding:10px 0!important;background:white!important}.muda-board .tech img{max-height:60svh}.muda-board .row{order:6}.muda-board .row img{max-height:none}.trials{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:35px 20px}.trials .image{height:auto;display:block;padding:0!important}.trials .image button{height:210px}.trials figcaption{font-size:11px}.trials:before{height:80%;left:20%;top:10%;width:70%}.collection,.transform{display:flex;flex-direction:column;gap:35px}.collection .image,.collection .image:nth-child(2),.transform .image,.transform .image:nth-child(2),.transform .image:nth-child(3){height:auto;width:100%;align-self:auto}.collection .image button,.transform .image button{height:auto}.collection .image img{max-height:80svh}.transform .image img{max-height:72svh}.collection-note,.character-note{font-size:13px;margin-top:24px}.characters{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px}.characters .image,.characters .image:nth-child(even){height:auto;align-self:start}.characters .image button{height:280px}.characters figcaption{font-size:11px}.characters .image:last-child{grid-column:1/3;width:65%;justify-self:center}.huella-open .detail img{height:330px;object-fit:cover}.info-page{padding:110px 6% 50px}.info-page h1{font-size:55px;margin-bottom:35px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-image{height:45svh}.about-copy{font-size:15px}.about-copy h2{font-size:22px}.contact-links a{min-height:100px}.contact-links strong{font-size:22px}.footer{padding-bottom:95px;flex-wrap:wrap;line-height:1.8}.stage+.rail~.footer{display:none}.lightbox-body{padding:8px}.lightbox-top{padding:12px}.lightbox-credit{font-size:10px}.note{font-size:12px}}
@media(max-width:420px){.brand{font-size:10px;letter-spacing:.08em}.header nav{gap:16px}.display{font-size:58px}.characters .image button{height:230px}.trials .image button{height:170px}.cover-type h1{font-size:11px;letter-spacing:.24em}.contact-links strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.header,.rail,.skip{display:none}.stage{display:block;height:auto;overflow:visible}.spread{height:190mm;page-break-after:always;padding:15mm;overflow:hidden}.board,.opening .board{height:140mm}body{background:white} @page{size:A4 landscape;margin:0}}

.stage~.footer{display:none}
@media(min-width:901px){
 .board>.image{z-index:auto!important}.board .image button{z-index:1}.board .image figcaption{z-index:12;background:rgba(255,255,255,.96);width:fit-content;max-width:100%;font-size:10px;padding:2px 4px;margin-top:4px}
 .opening .main figcaption{margin-left:auto;text-align:right}.muda-board .shell button{z-index:3}.muda-board .tech button{z-index:4}.muda-board .front button{z-index:3}.muda-board .row button{z-index:5}
 .muda-board .lacing figcaption{position:absolute;top:-26px;left:0;margin:0}.muda-board .shell{height:31%}.muda-board .shell figcaption{position:absolute;left:0;bottom:-4px;max-width:100%}.muda-board .tech figcaption{max-width:70%;margin-left:auto}
 .material .two button,.material .shell-wide button{z-index:2}.material .one figcaption,.material .two figcaption,.material .three figcaption{position:absolute;top:-25px;left:0;margin:0;max-width:100%}
 .editorial .other button{z-index:3}.editorial .close button{z-index:2}.editorial .close figcaption{position:absolute;top:-24px;left:0;margin:0}.editorial .large figcaption{margin-left:0}
}
@media(max-width:900px){.info-page:has(.contact-grid) h1{font-size:46px}.contact-grid>.contact-links{grid-row:1}.contact-grid>div:first-child{grid-row:2}}
.full-sheet{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}.full-sheet>.image{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.full-sheet .image button{height:calc(100% - 30px);min-height:0}.full-sheet .image img{width:100%;height:100%;object-fit:contain;object-position:center}.full-sheet figcaption{text-align:center;font-size:10px}.design-pair{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:4%;flex:1;min-height:0}.design-pair.equal{grid-template-columns:1fr 1fr}.design-pair>.image{height:95%;min-height:0}.design-pair .image button{height:calc(100% - 35px)}.brand-note{margin-top:30px;padding-top:28px;border-top:1px solid var(--line)}.brand-note h2{font-size:27px;letter-spacing:.1em;margin:14px 0}.brand-note p{font-size:14px;line-height:1.8}.brand-note .index-link{margin-top:0}.brand-note+.index-link{margin-top:25px}
@media(max-width:900px){.full-sheet{display:block}.full-sheet>.image{display:block;height:auto}.full-sheet .image button{height:auto}.full-sheet .image img{width:100%;height:auto;max-height:none;object-fit:contain}.full-sheet figcaption{text-align:left;font-size:12px}.design-pair,.design-pair.equal{display:flex;flex-direction:column;gap:35px}.design-pair>.image{width:100%;height:auto}.design-pair .image button{height:auto}.design-pair .image img{height:auto;width:100%;object-fit:contain}.design-pair figcaption{font-size:12px}}
.selected-designs{display:grid;grid-template-columns:repeat(4,1fr);gap:3%;flex:1;min-height:0;align-items:center}.selected-designs .image{height:95%;min-height:0}.selected-designs .image button{height:calc(100% - 40px)}.lightbox.is-zoomed .lightbox-body img,.lightbox.is-zoomed .lightbox-body img.portrait{width:auto;max-width:none;max-height:none;margin:0}.lightbox-tools{display:flex;gap:10px;align-items:center}.lightbox-zoom{border:1px solid var(--line);padding:9px 14px;background:white;min-height:40px}.lightbox-top{flex-wrap:wrap}.lightbox-title{flex:1;min-width:120px}@media(max-width:900px){.selected-designs{display:flex;flex-direction:column;gap:35px}.selected-designs .image,.selected-designs .image button{width:100%;height:auto}.selected-designs .image img{height:auto}.lightbox-top{padding:10px}.lightbox-tools{gap:5px}.lightbox-zoom,.lightbox-close{font-size:11px;padding:8px}.lightbox-title{font-size:11px}}
/* Revision 3: complete boards, consistent scales and purposeful connections. */
.work-img{overflow:hidden;background:#e5e5e1}
.work-img img{filter:blur(14px);opacity:.43;transform:scale(1.035)}
.work-img:after{inset:0;background:rgba(182,182,177,.44);z-index:1;pointer-events:none}
.paired-boards{display:grid;grid-template-rows:1fr 1fr;gap:16px;flex:1;min-height:0}
.paired-boards .image{min-height:0;display:flex;flex-direction:column;align-items:center}
.paired-boards .image button{height:calc(100% - 21px);min-height:0}
.paired-boards figcaption{font-size:9px;text-align:center}
.collection{grid-template-columns:repeat(3,1fr);gap:3%;align-items:center}
.collection .image,.collection .image:nth-child(2){height:100%;align-self:stretch}
.collection .image button{height:calc(100% - 32px);overflow:hidden}
.collection .sheet-half img{position:absolute;width:200%;max-width:none;height:100%;top:0;object-fit:contain}
.collection .sheet-left img{left:0}.collection .sheet-right img{right:0}
.design-pair.with-arrow{grid-template-columns:1fr 90px 1fr;gap:2%}
.version-link{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:10px;line-height:1.6;color:var(--muted)}
.version-link svg{width:74px;height:28px;stroke:var(--ink);fill:none;stroke-width:1.2}
.making-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;flex:1;min-height:0;align-items:center}
.making-panel .image{height:100%;min-height:0}.making-panel .image button{height:calc(100% - 38px)}
.about-title{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:20px 0 48px}
.info-page .about-title h1{margin:0}
.about-logo{position:relative;width:145px;aspect-ratio:898/1235;overflow:hidden;flex-shrink:0}
.about-logo img{position:absolute;width:222.717%;max-width:none;height:auto;left:-61.581%;top:-61.538%}
@media(min-width:901px){.paired-boards{grid-template-columns:1fr 1fr;grid-template-rows:1fr;align-items:center;gap:3%}.paired-boards .image{height:100%}}
@media(max-width:900px){
 .paired-boards{display:flex;flex-direction:column;gap:30px}.paired-boards .image,.paired-boards .image button{height:auto;width:100%}.paired-boards .image img{height:auto;max-height:none}.paired-boards figcaption{font-size:11px}
 .collection{display:grid;grid-template-columns:1fr;gap:30px}.collection .image,.collection .image:nth-child(2){height:auto;width:100%}.collection .image button{height:auto;aspect-ratio:1105/1683}.collection .image img{height:100%;max-height:none}.collection .sheet-half button{aspect-ratio:850/1209}
 .design-pair.with-arrow{display:flex;flex-direction:column;gap:20px}.version-link svg{transform:rotate(90deg);margin:18px 0}
 .making-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px 16px}.making-panel .image,.making-panel .image button{height:auto}.making-panel .image img{height:auto}.making-panel .image:last-child{grid-column:1/3;width:60%;justify-self:center}
 .about-title{gap:15px;align-items:center;margin-bottom:35px}.info-page .about-title h1{font-size:clamp(32px,8vw,55px)}.about-logo{width:75px}
}
