:root{--paper:#f5f3ec;--ink:#33382e;--muted:#74776d;--line:#d7d8cd;--olive:#727f5c;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--olive);outline-offset:7px}header,main,footer{max-width:1440px;margin:auto}header{display:flex;align-items:center;height:108px;padding:0 7%;gap:45px}.brand{font-family:var(--serif);font-size:25px;letter-spacing:5px;white-space:nowrap}nav{display:flex;gap:35px;margin-left:auto;font-size:12px}.nav-right{display:flex;align-items:center;gap:32px;font-size:12px}nav a span,.contact-link{color:var(--muted)}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--olive)}.wechat{position:relative}.wechat button{border:0;background:none;padding:18px 0;display:flex;align-items:center;gap:7px}.wechat-panel{position:absolute;top:100%;right:-25px;width:226px;text-align:center;background:#fffef9;border:1px solid var(--line);padding:20px;box-shadow:0 15px 40px #28302218;z-index:10}.wechat-panel[hidden]{display:none}.qr-placeholder{height:180px;border:1px dashed #bfc5b4;background:#eeeee6;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:15px}.qr-placeholder span{font-size:25px;color:#89917c}.wechat-panel p{font-size:11px;color:var(--muted);line-height:1.7}.wechat-panel strong{font-size:13px;font-weight:400}.wechat-panel img{width:180px;height:180px;object-fit:contain;margin-bottom:15px}
.hero{margin:0 7%;padding:105px 0 70px;position:relative;min-height:490px;border-bottom:1px solid var(--line)}h1{margin:0;font-family:var(--serif);font-size:clamp(36px,4.4vw,63px);font-weight:400;letter-spacing:.1em;line-height:1.85}h1 span{display:block}h1 span:last-child{margin-left:2.1em}.hero-scroll{display:block;width:30px;text-align:center;margin:43px 0 0 auto;font-size:25px;font-weight:300;color:var(--olive)}
.works{padding:65px 7% 0}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{margin:0;font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:3px}.filters{display:flex;gap:25px;margin:26px 0 40px}.filters button{background:none;border:0;padding:0 0 7px;border-bottom:1px solid transparent;font-size:11px;letter-spacing:1px;color:var(--muted)}.filters button.active{color:var(--ink);border-color:var(--olive)}
.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:45px;row-gap:55px;align-items:start}.project{min-width:0;border:0;background:none;padding:0;text-align:left;grid-column:span 5}.project.wide{grid-column:span 7}.project[data-type="commerce"]{margin-top:105px}.project[data-type="graphic"]{grid-column:span 6}.project[hidden]{display:none}.project-grid:has(.project[hidden]) .project{grid-column:span 7;margin-top:0}
.art{height:360px;position:relative;overflow:hidden;transition:filter .3s}.project:hover .art{filter:brightness(1.035)}.art-label{position:absolute;left:25px;top:24px;z-index:1;font-family:var(--serif);font-size:13px;letter-spacing:3px;writing-mode:vertical-rl}.art-caption{position:absolute;bottom:19px;left:25px;font-size:9px;letter-spacing:1px;z-index:2;color:#414b36}.auto-art{height:385px;background:linear-gradient(115deg,#e2e4d9,#c6cfbf 65%,#b0bea7);color:#394834}.auto-art:before{content:"";position:absolute;inset:-40px;background:repeating-linear-gradient(105deg,transparent 0 60px,#f8f9ed70 62px 63px,transparent 65px 130px);transform:skew(-20deg)}.road{position:absolute;width:150%;height:100px;left:-25%;top:40%;background:linear-gradient(0deg,#657e52,transparent);opacity:.35;transform:rotate(-20deg)}
.project-info{padding-top:19px}.project-info h3{font-size:15px;font-weight:400;letter-spacing:1px;margin:0 0 11px}.project-info h3 span{float:right;color:#737e65;font-size:15px}.project-info p{font-size:10px;color:var(--muted);margin:0;letter-spacing:.5px}.status{font-size:9px;color:#7c8370;display:block;margin-top:12px;letter-spacing:.6px}
.care-art{background:#e9e3d5;color:#474c3d}.care-art:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:#d5d0bd;right:-90px;bottom:-90px}.bottle{position:absolute;left:27%;top:110px;width:85px;height:177px;background:linear-gradient(90deg,#91a171,#b4bd91 45%,#95a772);border-radius:12px 12px 15px 15px;transform:rotate(-5deg);box-shadow:18px 20px 25px #6c75472b;padding:50px 15px 0;color:#38452b}.bottle i{position:absolute;top:-23px;left:10px;width:65px;height:29px;background:linear-gradient(90deg,#4e5941,#737e60,#4e5b41);border-radius:4px 4px 0 0}.bottle b{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.4;letter-spacing:3px}.bottle small{font-size:7px;display:block;margin-top:20px;line-height:1.9;letter-spacing:1px}.bottle-two{left:52%;top:87px;transform:rotate(7deg);background:linear-gradient(90deg,#d4d1b7,#eeecd7,#cbc9af)}
.graphic-art{height:340px;background:#e2d8c8;color:#9d4d37}.graphic-word{position:absolute;font-family:var(--serif);font-size:140px;line-height:.95;right:55px;top:30px;transform:rotate(-5deg)}.graphic-word span{font-size:65px;vertical-align:middle;margin-right:22px}.graphic-art .art-caption{color:#8c543f}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:85px 7% 0;padding:55px 0;border-top:1px solid var(--line)}.about-copy{max-width:425px;font-size:12px;line-height:2.2;letter-spacing:.6px}.about-copy p{margin:0 0 14px}.about-copy a{font-size:11px;border-bottom:1px solid #aab29b;padding-bottom:4px;display:inline-block;margin-top:8px}.contact{margin:0 7%;padding:40px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-details p{font-size:11px;color:var(--muted);margin:0 0 12px}.contact-details p:last-child{margin-bottom:0}footer{display:flex;justify-content:space-between;padding:28px 7% 35px;font-size:10px;letter-spacing:1px;color:var(--muted)}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:45px;width:calc(100% - 36px);max-width:620px}dialog::backdrop{background:#29302355;backdrop-filter:blur(5px)}dialog h2{font-size:25px;line-height:1.5;margin-bottom:23px}dialog p{font-size:12px;line-height:2}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--muted);margin:0 0 18px}.muted{font-size:11px;color:var(--muted);line-height:1.9}.close{position:absolute;right:16px;top:10px;font-size:25px;border:0;background:none}.plan-row{border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.plan-row span{font-size:10px;color:var(--olive);margin-right:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 22px;font-size:12px;z-index:20;display:none;max-width:90vw}
@media(min-width:1600px){.hero{padding-top:130px;min-height:560px}}
@media(max-width:760px){header{padding:0 6%;height:85px;gap:20px}.brand{font-size:21px;letter-spacing:3px}nav{gap:20px;font-size:11px}.nav-right{gap:0;font-size:11px}.contact-link{display:none}.wechat-panel{right:0}.hero{margin:0 6%;padding:65px 0 37px;min-height:340px}h1{font-size:clamp(24px,5.7vw,42px);letter-spacing:.06em;line-height:2.05}h1 span:last-child{margin-left:1em}.hero-scroll{font-size:22px;margin-top:27px}.works{padding:40px 6% 0}h2{font-size:20px;letter-spacing:2px}.filters{gap:22px;margin:24px 0 28px}.filters button{font-size:10px;letter-spacing:.4px}.project-grid{grid-template-columns:1fr;gap:34px}.project,.project.wide,.project[data-type="graphic"],.project-grid:has(.project[hidden]) .project{grid-column:auto;margin-top:0}.art,.auto-art,.graphic-art{height:330px}.art-label{font-size:12px}.project-info h3{font-size:15px}.bottle{left:30%;top:105px}.bottle-two{left:53%;top:82px}.about{grid-template-columns:1fr;gap:25px;margin:55px 6% 0;padding:35px 0}.about-copy{font-size:12px}.contact{grid-template-columns:1fr;gap:25px;margin:0 6%;padding:30px 0}footer{padding:25px 6% 30px}dialog{padding:38px 24px}dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}



/* Blue edition: open canvas, split title, featured project, no decorative grid. */
:root{--paper:#e9e9ed;--ink:#3421df;--muted:#77728c;--line:#bbb7d6;--olive:#3421df}
html{background:var(--paper);scroll-padding-top:100px}body{background:var(--paper)}.page-shell{max-width:1680px;margin:auto;border:0;border-radius:0}header,main,footer{max-width:none}header{height:105px;padding:0;margin:0 5%;gap:32px;border-bottom:1px solid var(--ink);position:relative;z-index:10}.brand{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:37px;letter-spacing:-2px}nav{gap:32px}.nav-right{gap:30px}nav a,.contact-link{color:var(--ink)}nav a:hover,.contact-link:hover{opacity:.6}.wechat>button{color:var(--ink);padding:16px 0}.dot{background:var(--ink)}.wechat-panel{background:#f3f2f8;border-color:var(--line);right:0;box-shadow:0 10px 35px #3421df18}.qr-placeholder{background:#e5e3ef}
.hero{margin:0 5%;padding:83px 0 88px;min-height:0;border-bottom:0;position:relative;display:block}.hero-copy{position:relative;z-index:1;width:max-content;max-width:100%}h1{font-family:var(--serif);font-size:clamp(32px,4.6vw,70px);line-height:1.6;font-weight:400;letter-spacing:-.035em}h1 span:last-child{margin-left:1.35em}.hero-scroll{position:absolute;left:0;bottom:33px;margin:0;color:var(--ink);font-size:24px;width:auto}.hero-emblem{position:absolute;right:6%;top:24%;width:130px;height:130px;transform:rotate(-14deg);color:var(--ink)}.hero-emblem i{position:absolute;inset:0;border:1px solid var(--ink);border-radius:50%;transform:rotate(0deg) scaleX(.48)}.hero-emblem i:nth-child(2){transform:rotate(45deg) scaleX(.48)}.hero-emblem i:nth-child(3){transform:rotate(90deg) scaleX(.48)}.hero-emblem i:nth-child(4){transform:rotate(135deg) scaleX(.48)}.hero-emblem span{font:italic 38px Georgia,serif;position:absolute;inset:0;display:grid;place-items:center}.hero-emblem{animation:emblem-turn 50s linear infinite}@keyframes emblem-turn{to{transform:rotate(346deg)}}
.works{padding:0 5%}.section-heading{border-top:1px solid var(--ink);padding:23px 0 0}h2{font-family:var(--serif);font-size:23px;letter-spacing:1px}.filters{justify-content:flex-end;gap:25px;margin:-20px 0 30px;position:relative}.filters button{color:var(--ink);font-size:11px;letter-spacing:0;border:0;padding:0 0 6px}.filters button.active{border-bottom:1px solid var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px;row-gap:54px;align-items:start}.project,.project.wide,.project[data-type="commerce"],.project[data-type="graphic"]{grid-column:span 1;margin:0;width:100%}.project.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:35px;border-bottom:1px solid var(--line);padding-bottom:36px}.project-grid:has(.project[hidden]) .project{grid-column:span 1;margin:0}.project-grid:has(.project[hidden]) .project.wide{grid-column:1/-1}.project[hidden]{display:none}.project-info{padding-top:18px}.wide .project-info{align-self:end;padding:0 0 4px}.project-info h3{font-family:var(--serif);font-size:19px;line-height:1.65;letter-spacing:0;font-weight:400;margin-bottom:13px}.project-info h3 span{color:var(--ink)}.project-info p{font-size:10px;line-height:1.9;color:var(--muted)}.wide .project-info p{max-width:170px}.status{color:var(--muted);font-size:9px;line-height:1.8;margin-top:20px}
.art,.auto-art,.care-art,.graphic-art{height:auto;aspect-ratio:1.35;overflow:hidden;transition:transform .45s,filter .45s}.project:hover .art{filter:brightness(1.025);transform:translateY(-4px)}.auto-art{aspect-ratio:2.1;background:linear-gradient(150deg,#a7bed1,#dbe2e5 45%,#849aa9);color:#25445b}.auto-art:before{inset:0;background:repeating-linear-gradient(163deg,transparent 0 82px,#eaf2f87a 83px 85px,transparent 86px 160px);transform:none}.road{position:absolute;width:120%;height:45%;left:-10%;top:35%;background:linear-gradient(175deg,#738b9c,#263b55);opacity:.7;transform:rotate(-13deg);border-top:1px solid #f2f0d9;border-bottom:1px solid #f2f0d9}.road:after{content:"";position:absolute;top:49%;left:0;width:100%;height:1px;background:repeating-linear-gradient(to right,#e3e9ed 0 50px,transparent 50px 90px)}.art-label{font-size:12px;letter-spacing:3px;left:23px;top:24px}.art-caption{left:23px;bottom:20px;font-size:9px}.auto-art .art-caption{color:#203b51}.care-art{background:#deded0}.care-art:before{width:65%;height:90%;right:-12%;bottom:-35%;background:#c1c8b1}.bottle{left:31%;top:35%;transform:rotate(-8deg)}.bottle-two{left:56%;top:28%;transform:rotate(8deg)}.graphic-art{background:#dbd3e9;color:#5238ad}.graphic-art:before{content:"";position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#bcb0d9;left:-10%;top:32%}.graphic-word{font-size:clamp(110px,12vw,180px);right:16%;top:12%;color:#5138a5;transform:rotate(-9deg);line-height:.85}.graphic-word span{font-size:.45em}.graphic-art .art-caption{color:#654e95}
.about{margin:76px 5% 0;padding:45px 0;border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:7%}.about-copy{font-size:12px;line-height:2.3}.about-copy a{border-color:var(--ink)}.contact{margin:0 5%;padding:35px 0;border-bottom:0;grid-template-columns:1fr 1fr;gap:7%}footer{margin:0 5%;padding:25px 0 35px;border-top:1px solid var(--ink);color:var(--ink)}dialog{background:var(--paper);border-color:var(--ink)}dialog::backdrop{background:#29205270}.plan-row span{color:var(--ink)}
@media(min-width:1600px){.hero{padding:95px 0;min-height:0}}
@media(max-width:760px){header{height:84px;margin:0 6%;gap:18px}.brand{font-size:27px;letter-spacing:-1.4px}nav{gap:18px;font-size:11px}.nav-right{gap:0}.contact-link{display:none}.hero{margin:0 6%;padding:62px 0 72px;min-height:0}h1{font-size:clamp(24px,5.7vw,40px);line-height:1.85;letter-spacing:-.045em}h1 span:last-child{margin-left:.65em}.hero-emblem{width:43px;height:43px;right:0;top:17px}.hero-emblem span{font-size:16px}.hero-scroll{bottom:25px;font-size:22px}.works{padding:0 6%}.section-heading{padding-top:20px}h2{font-size:20px}.filters{justify-content:flex-start;margin:22px 0 25px;gap:23px}.filters button{font-size:10px}.project-grid{grid-template-columns:1fr;gap:35px}.project,.project.wide,.project[data-type="commerce"],.project[data-type="graphic"],.project-grid:has(.project[hidden]) .project{grid-column:auto;display:block;margin:0;width:100%}.project.wide{padding-bottom:28px}.art,.auto-art,.care-art,.graphic-art{aspect-ratio:1.3;height:auto}.project-info,.wide .project-info{padding:16px 0 0}.project-info h3{font-size:16px;margin-bottom:10px}.project-info p,.wide .project-info p{max-width:none;font-size:10px}.status{margin-top:10px}.bottle{left:29%;top:31%;width:73px;height:155px;padding:38px 12px 0}.bottle-two{left:55%;top:24%}.bottle i{width:55px;left:9px}.bottle b{font-size:15px}.bottle small{margin-top:12px}.graphic-word{font-size:125px;top:10%;right:17%}.art-label{font-size:11px;left:18px;top:20px}.art-caption{font-size:8px;left:18px;bottom:15px}.about{margin:45px 6% 0;padding:30px 0;grid-template-columns:1fr;gap:24px}.contact{margin:0 6%;grid-template-columns:1fr;gap:24px;padding:30px 0}footer{margin:0 6%;padding:24px 0 28px}.wechat-panel{right:0;width:210px}}
@media(prefers-reduced-motion:reduce){.hero-emblem{animation:none}}

/* Immersive opening screen. */
header{position:absolute;top:0;left:0;right:0;margin:0;padding:0 5%;height:100px;border-bottom:0;z-index:5;background:transparent}.page-shell{max-width:none}main{overflow:clip}.hero{margin:0;padding:100px 6% 110px;min-height:100svh;height:100svh;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#efeff4 0%,#e9e9ed 65%,#e5e5ee 100%)}.hero-copy{width:100%;max-width:1100px;text-align:center;z-index:2;pointer-events:none}.hero h1{font-size:clamp(30px,4.4vw,66px);line-height:1.8;letter-spacing:.025em;text-align:center;text-shadow:0 0 32px #ededf4,0 0 16px #ededf4}.hero h1 span:last-child{margin-left:0}.hero-scroll{position:absolute;z-index:3;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;width:auto;margin:0;font-size:11px;letter-spacing:3px;padding:12px}.hero-scroll i{font-style:normal;font-size:22px;transition:transform .3s}.hero-scroll:hover i{transform:translateY(5px)}#hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}#hero-canvas canvas{display:block;width:100%!important;height:100%!important}.works{padding:55px 5% 0;background:var(--paper);position:relative}.works,.about,.contact,footer{max-width:1512px;margin-left:auto;margin-right:auto}.works{padding-left:5%;padding-right:5%}.about,.contact,footer{width:90%}.motion-toggle{position:absolute;right:5%;bottom:40px;z-index:4;background:transparent;border:0;border-bottom:1px solid var(--line);padding:3px 0;color:var(--muted);font-size:10px;letter-spacing:1px}
@media(min-width:1600px){.hero{padding:100px 6% 110px;min-height:100svh}}
@media(max-width:760px){header{height:82px;padding:0 6%;margin:0}.hero{margin:0;padding:82px 6% 100px;min-height:100svh;height:100svh}.hero h1{font-size:clamp(23px,5.7vw,40px);line-height:2;letter-spacing:0}.hero h1 span:last-child{margin-left:0}.hero-scroll{left:50%;bottom:25px;font-size:10px;gap:12px}.works{padding:32px 6% 0}.about,.contact,footer{width:88%;margin-left:auto;margin-right:auto}.motion-toggle{right:6%;bottom:39px;font-size:9px}}
/* A single powder-blue canvas with no central aperture or white overlay. */
:root{--paper:#e7ecf2}.hero{background:#e7ecf2}.hero h1{text-shadow:none}#hero-canvas{background:#e7ecf2}.hero-copy{z-index:2}

/* Curated, supplied works. */
.curated-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:46px;align-items:start}.curated-grid .project{display:block;grid-column:auto;margin:0;padding:0;border:0;width:100%}.portfolio-cover{position:relative;overflow:hidden;background:#dce3e5}.portfolio-cover>img{display:block;width:100%;height:auto;transition:transform .6s}.project:hover .portfolio-cover>img{transform:scale(1.025)}.image-count{position:absolute;bottom:15px;right:15px;font-size:10px;padding:6px 10px;background:#f6f8f1e8;color:#263e45}.curated-grid .project-info{padding-top:19px}.curated-grid .project-info h3{font-size:19px}.curated-grid .project-info p{max-width:none}.curated-grid:has(.project[hidden]){grid-template-columns:1fr 1fr}.curated-grid .project[hidden]{display:none}.wechat-panel{width:260px;padding:18px;background:#fff;color:var(--ink)}.wechat-panel>img{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;margin:0 auto 10px;image-rendering:pixelated}.wechat-panel>p{margin:8px 0 0}.contact-link{white-space:nowrap}.dialog-open{overflow:hidden}dialog#project-dialog{max-width:1050px;width:calc(100% - 40px);max-height:90dvh;padding:45px;overflow-y:auto}dialog h2{padding-right:30px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.project-gallery figure{margin:0;min-width:0}.project-gallery figure:first-child{grid-column:1/-1}.project-gallery img{display:block;width:100%;height:auto;background:#e2e7e8}.project-gallery figcaption{font-size:11px;letter-spacing:1px;margin-top:10px;color:var(--muted)}.project-gallery.single-image{display:block;max-width:700px;margin-left:auto;margin-right:auto}.close{z-index:2;right:18px;top:12px}.about{margin-top:72px}
@media(max-width:760px){.curated-grid,.curated-grid:has(.project[hidden]){grid-template-columns:1fr;gap:38px}.curated-grid .project-info h3{font-size:17px}.portrait-cover{max-width:none}.wechat-panel{right:0;width:246px;padding:14px}.wechat-panel>img{width:216px;height:216px}dialog#project-dialog{padding:35px 20px;width:calc(100% - 22px);max-height:92dvh}.project-gallery{grid-template-columns:1fr;gap:22px}.project-gallery figure:first-child{grid-column:auto}.about{margin-top:44px}}
.curated-grid:has(.project[hidden]) .project{grid-column:auto}
@media(max-width:760px){header{gap:16px}header .nav-right{gap:16px}header .contact-link{display:inline-block;font-size:10px}header nav{gap:0}header .brand{font-size:26px}}

/* Four coherent projects; cover montages retain full poster proportions. */
.curated-grid.four-projects,.curated-grid.four-projects:has(.project[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;row-gap:54px;align-items:start}.four-projects .portfolio-cover{aspect-ratio:4/3;display:grid;align-items:center;overflow:hidden;position:relative}.four-projects .portfolio-cover>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;transition:transform .6s}.four-projects .cover-1>img{object-fit:cover}.four-projects .cover-2{grid-template-columns:1fr 1fr;gap:18px;padding:25px 32px}.four-projects .cover-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:26px 19px}.auto-preview{background:#d3e3ec}.home-preview{background:#dedfdf}.poster-preview{background:#f1eddd}.four-projects .project:hover .portfolio-cover>img{transform:translateY(-3px)}.project-kicker{color:var(--muted);font-size:9px!important;letter-spacing:1px;margin:0 0 9px!important}.four-projects .project-info h3{font-size:20px;margin-bottom:11px}.four-projects .project-info h3 span{float:right}.project-gallery figure.long-image,.project-gallery figure.overview-image{grid-column:1/-1}.project-gallery figure.long-image{max-width:850px;margin:0 auto;width:100%}.project-gallery figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;line-height:1.8}.original-hint{font-size:10px;white-space:nowrap;opacity:.7}.project-gallery a{display:block}.project-gallery a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.filters{flex-wrap:wrap}.project-gallery img{width:100%;height:auto}dialog#project-dialog .close{position:sticky;display:block;margin-left:auto;right:auto;top:0;width:32px;height:32px;line-height:25px;margin-top:-20px;margin-bottom:-13px;background:var(--paper);border:1px solid var(--line);border-radius:50%}
@media(max-width:760px){.curated-grid.four-projects,.curated-grid.four-projects:has(.project[hidden]){grid-template-columns:1fr;gap:38px}.four-projects .cover-2{padding:19px 24px;gap:14px}.four-projects .cover-3{padding:20px 14px;gap:9px}.four-projects .project-info h3{font-size:17px}.filters{gap:16px 21px}.project-gallery figure.long-image,.project-gallery figure.overview-image{grid-column:auto}.project-gallery figcaption{font-size:10px;gap:8px}.original-hint{font-size:9px}}