/* Swiss graphic archive. Variance 6 / motion 4 / density 3.
   Palette: neutral paper, ink, vermilion. All layout and controls are square.
   App icons preserve native rounded artwork. Layers: skip link 2; all others natural. */
:root{color-scheme:light dark;--paper:#f0f0ec;--ink:#242620;--secondary:#616359;--rule:#b9bcb1;--accent:#f25c38;--soft:#e5e6de;--on-accent:#242620;--row-hover:#e8e9e1;--focus:#a72c13}
:root[data-theme=dark]{color-scheme:dark;--paper:#20221e;--ink:#eeeFE7;--secondary:#b2b6a7;--rule:#53594b;--soft:#2a2e25;--row-hover:#2b3026;--focus:#ff916f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#20221e;--ink:#eeefe7;--secondary:#b2b6a7;--rule:#53594b;--soft:#2a2e25;--row-hover:#2b3026;--focus:#ff916f}}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:20px;background:var(--paper);padding:14px;z-index:2}.skip-link:focus{top:15px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.monogram{font-size:28px;line-height:1;font-weight:800;letter-spacing:-1.8px}.monogram span{color:var(--accent)}.site-header nav{display:flex;gap:38px;font-size:14px}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.hero{padding-top:34px}.hero h1{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(84px,19.6vw,274px);line-height:1.03;font-weight:800;letter-spacing:-.075em;margin-left:-.035em;white-space:nowrap}.hero-period{color:var(--accent)}.intro{padding:24px 0 44px}.intro h2{font-size:29px;line-height:1.45;font-weight:600;letter-spacing:-1px}.project{border-top:1px solid var(--rule)}.project:last-child{border-bottom:1px solid var(--rule)}.project summary{list-style:none;display:grid;grid-template-columns:74px 1fr 140px 148px;align-items:center;gap:28px;padding:28px 0;cursor:pointer;position:relative;isolation:isolate}.project summary::-webkit-details-marker{display:none}.project summary:before{content:"";position:absolute;inset:0 -18px;background:var(--row-hover);opacity:0;z-index:-1;transition:opacity .3s}.project summary:hover:before,.project summary:focus-visible:before{opacity:1}.project-icon{width:74px;height:74px;border-radius:18px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.project summary:hover .project-icon,.project[open] .project-icon,.project summary:focus-visible .project-icon{transform:rotate(-8deg)}.project-name{display:block}.name{display:block;font-family:"Helvetica Neue",Arial,sans-serif;font-size:35px;font-weight:500;line-height:1.2;letter-spacing:-1.4px;transition:transform .3s}.project summary:hover .name{transform:translateX(5px)}.category{display:block;font-size:13px;color:var(--secondary);margin-top:8px}.platform{font-size:12px;color:var(--secondary)}.project-trigger{border:1px solid var(--ink);padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px;font-size:13px;transition:background .25s,color .25s,border-color .25s;white-space:nowrap}.project summary:hover .project-trigger,.project[open] .project-trigger{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.plus{position:relative;width:11px;height:11px;flex-shrink:0}.plus:before,.plus:after{content:"";position:absolute;background:currentColor}.plus:before{top:5px;left:0;width:11px;height:1px}.plus:after{left:5px;top:0;width:1px;height:11px;transition:transform .25s}.open-label{display:none}.project[open] .closed-label{display:none}.project[open] .open-label{display:inline}.project[open] .plus:after{transform:rotate(90deg)}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:14px 0 42px 102px}.detail-art{background:var(--soft);min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:35px}.detail-art img{width:132px;border-radius:30px;transform:rotate(-9deg);box-shadow:10px 14px 0 #24262014;transition:transform .4s}.project:nth-of-type(2) .detail-art img{transform:rotate(9deg)}.detail-art:hover img{transform:rotate(0) translateY(-5px)}.detail-art span{font-size:13px;color:var(--secondary)}.detail-copy{align-self:center}.detail-copy h3{font-size:28px;font-weight:500;line-height:1.5;letter-spacing:-.7px;margin-bottom:18px}.detail-copy>p{font-size:15px;line-height:1.85;color:var(--secondary);max-width:30em}.detail-copy ul{list-style:none;padding:0;margin:23px 0;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--secondary)}.store-link{display:inline-block;background:var(--ink);color:var(--paper);padding:14px 18px;font-size:13px;line-height:1.5;transition:transform .2s}.store-link:hover{transform:translateY(-3px)}.store-link:active{transform:translateY(0)}.detail-copy .availability{font-size:12px;line-height:1.7;margin-top:15px}.studio-note{padding-top:64px;padding-bottom:68px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.studio-note h2{font-size:20px;font-weight:500;line-height:1.7;letter-spacing:-.3px}.studio-note p{font-size:15px;color:var(--secondary);line-height:1.9}.contact{background:var(--accent);color:var(--on-accent);overflow:hidden}.contact-inner{padding-block:44px;display:flex;justify-content:space-between;align-items:center;gap:35px}.contact p{font-size:13px;margin-bottom:11px}.contact h2{font-size:41px;font-weight:500;line-height:1.25;letter-spacing:-1.5px}.contact a{font-family:"Helvetica Neue",Arial,sans-serif;font-size:19px;letter-spacing:-.3px;border-bottom:1px solid currentColor;padding:8px 0;overflow-wrap:anywhere;transition:transform .3s}.contact a:hover{transform:translateX(-5px)}.site-footer{padding-block:27px;display:flex;align-items:center;gap:30px;font-size:11px;color:var(--secondary)}.site-footer>span{margin-right:auto}.preferences{display:flex;gap:24px}.preferences button{padding:7px 0;border:0;background:transparent;color:inherit;font-size:11px;min-height:32px}.preferences button:hover{color:var(--ink)}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero h1{animation:word-arrive .8s cubic-bezier(.2,.8,.2,1) both}.intro{animation:arrive .7s .12s both}.project[open] .project-details{animation:arrive .35s both}@keyframes word-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.wrap{width:calc(100% - 72px)}.site-header{height:78px}.intro{padding-top:22px;padding-bottom:36px}.intro h2{font-size:26px}.project summary{grid-template-columns:64px 1fr 125px;gap:24px;padding:25px 0}.project-icon{width:64px;height:64px;border-radius:16px}.name{font-size:31px}.platform{display:none}.project-trigger{padding:11px 13px;font-size:12px}.project-details{padding-left:0;gap:36px}.detail-art{min-height:310px}.studio-note{gap:40px;padding-block:52px}.contact h2{font-size:35px}.contact a{font-size:17px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.monogram{font-size:25px}.site-header nav{gap:24px;font-size:13px}.hero{padding-top:25px}.hero h1{font-size:20.8vw;letter-spacing:-.075em;line-height:1.15}.intro{padding-top:18px;padding-bottom:30px}.intro h2{font-size:25px;line-height:1.5}.project summary{grid-template-columns:50px 1fr 96px;gap:14px;padding:24px 0}.project summary:before{inset:0 -10px}.project-icon{width:50px;height:50px;border-radius:12px}.name{font-size:26px;letter-spacing:-1px}.category{font-size:11px;margin-top:5px}.project-trigger{font-size:11px;padding:10px;gap:10px;min-height:40px}.project-details{grid-template-columns:1fr;gap:25px;padding:0 0 34px}.detail-art{min-height:215px;gap:20px;padding:30px}.detail-art img{width:100px;border-radius:25px}.detail-copy h3{font-size:25px}.detail-copy>p{font-size:14px}.detail-copy ul{gap:17px;margin:20px 0}.studio-note{grid-template-columns:1fr;gap:14px;padding-block:37px}.studio-note h2{font-size:19px}.studio-note p{font-size:14px}.contact-inner{display:block;padding-block:32px}.contact h2{font-size:34px}.contact a{display:inline-block;margin-top:24px;font-size:17px}.site-footer{gap:14px;flex-wrap:wrap;padding-block:22px}.site-footer>span{order:3;width:100%;font-size:10px}.preferences{margin-left:auto;gap:20px}.site-footer p{font-size:11px}}
@media(max-width:360px){.project summary{grid-template-columns:42px 1fr 86px;gap:11px}.project-icon{width:42px;height:42px;border-radius:11px}.name{font-size:23px}.project-trigger{padding:9px 8px}.contact a{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-motion=off],html[data-motion=off] *{scroll-behavior:auto!important}html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}

/* Both locales share the same layout; allow longer English labels to reflow. */
.language-switch{font-size:12px;font-weight:600;border-left:1px solid var(--rule);padding-left:24px!important}.site-header nav .language-switch:after{left:24px}
html[lang=en] .category{line-height:1.5}html[lang=en] .detail-copy h3{line-height:1.35;letter-spacing:-.8px}html[lang=en] .store-link{max-width:100%;text-wrap:balance}html[lang=en] .intro h2{font-family:"Helvetica Neue",Arial,sans-serif;font-size:30px;line-height:1.25;letter-spacing:-.9px}
@media(max-width:640px){.site-header nav{gap:20px}.language-switch{padding-left:16px!important}.site-header nav .language-switch:after{left:16px}html[lang=en] .intro h2{font-size:27px}html[lang=en] .project summary{grid-template-columns:50px 1fr 89px;gap:12px}html[lang=en] .category{font-size:11px;max-width:150px}html[lang=en] .project-trigger{font-size:11px}html[lang=en] .detail-copy h3{font-size:25px}}
@media(max-width:360px){.site-header nav{gap:14px}.language-switch{padding-left:12px!important}.site-header nav .language-switch:after{left:12px}html[lang=en] .project summary{grid-template-columns:42px 1fr 79px;gap:10px}html[lang=en] .name{font-size:23px}}

/* Public website filing, shared by both language versions. */
.site-footer{flex-wrap:wrap}.site-footer .icp-record{flex-basis:100%;order:4;text-align:center;font-size:12px;line-height:1.8}.icp-record a:hover{text-decoration:underline}