:root{--ink:#191b18;--paper:#f9f8f4;--orange:#ff884b;--quiet:#52544c;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,figure,p,h1,h2,h3,fieldset,ol{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid}.sr,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:10;background:#fff;padding:12px;position:fixed;top:10px;left:10px}.frame{width:min(100% - clamp(40px,8vw,132px),1610px);margin-inline:auto}header,.hero{background:var(--orange)}.bar{align-items:center;gap:48px;min-height:80px;font-size:16px;font-weight:600;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;margin-right:auto;font-size:20px;display:inline-flex}.brand img{object-fit:contain}.bar nav{gap:32px;display:flex}.locale{align-items:center;gap:6px;display:flex}.locale span{font-size:1.25em}.bar nav a,.locale,footer a{padding-block:8px}.bar nav a:hover,.locale:hover,footer a:hover{text-underline-offset:.3em;text-decoration:underline}.hero{overflow:hidden}.hero h1{letter-spacing:-.087em;white-space:nowrap;justify-content:space-between;align-items:center;padding:clamp(36px,5.3vw,90px) .04em clamp(45px,6vw,104px) 0;font-size:min(17.85vw,312px);font-weight:700;line-height:.84;display:flex}.sculpture{flex:none;width:24%;height:auto;overflow:visible;transform:rotate(-8deg)}.slices{fill:var(--orange);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round;transform-origin:50%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.hero h1:hover .slices{transform:rotate(6deg)translate(2px,-2px)}}.hero-foot,.title-row,.project-title,footer .frame{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.hero-foot{padding-bottom:clamp(38px,4.2vw,72px)}.hero-foot h2{letter-spacing:-.05em;font-size:clamp(26px,3vw,48px);line-height:1.1}.hero-foot p{max-width:51ch;margin-top:14px}.hero-foot .solid{flex:none}.solid{background:var(--ink);color:#fff;border-radius:40px;align-items:center;gap:32px;padding:15px 22px;font-weight:600;display:inline-flex}.arrow{flex:none;width:20px;height:20px;transition:transform .22s}.down{rotate:135deg}.solid:hover .arrow,.textlink:hover .arrow,.email:hover .arrow{transform:translate(2px,-2px)}p{text-wrap:pretty;font-size:clamp(16px,1.28vw,20px);line-height:1.6}.section{padding-block:clamp(64px,7.5vw,126px)}h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(35px,4.5vw,76px);font-weight:600;line-height:1.06}.title-row{margin-bottom:clamp(32px,4vw,68px)}.title-row p{max-width:35ch;color:var(--quiet)}.projects{grid-template-columns:1.08fr 1fr;align-items:start;gap:clamp(32px,5.8vw,100px);display:grid}.projects article{min-width:0}.pop{padding-top:clamp(42px,6.5vw,108px)}.viewer{border:0;min-width:0;padding:0}.previews,.food{aspect-ratio:1.3;isolation:isolate;position:relative;overflow:hidden}.previews{background:#dce2d7;justify-content:center;align-items:flex-end;padding-bottom:16px;display:flex}.screen{z-index:-1;justify-content:center;align-items:center;display:none;position:absolute;inset:6% 0 15%}.screen img{object-fit:contain;border-radius:2.5%;width:auto;max-width:94%;height:100%}.mode:checked+.mode-label+.screen{display:flex}.mode-label{cursor:pointer;text-align:center;background:#eff2eb;padding:9px 14px;font-size:14px;font-weight:600;line-height:1.2;transition:color .15s,background .15s}.mode-label:first-of-type{border-radius:30px 0 0 30px}.mode-label:last-of-type{border-radius:0 30px 30px 0}.mode:checked+.mode-label{background:var(--ink);color:#fff}.mode:focus-visible+.mode-label{outline:3px solid var(--ink);outline-offset:3px;z-index:1}.food{aspect-ratio:4/3;background:#f8ece3}.food img{object-fit:cover;width:100%;height:100%}figcaption{color:var(--quiet);margin-top:10px;font-size:13px;line-height:1.4}.project-title{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:16px;margin:25px 0 12px}.project-title h3{letter-spacing:-.055em;font-size:clamp(26px,2.8vw,47px);line-height:1.12}.project-title span{color:var(--quiet);font-size:14px}.projects article>p{max-width:51ch}.textlink{text-underline-offset:5px;align-items:center;gap:7px;margin-top:20px;font-weight:600;text-decoration:underline;display:inline-flex}.textlink .arrow{width:16px;height:16px}.services{background:var(--ink);color:var(--paper)}.split{grid-template-columns:.88fr 1.15fr;gap:8%;display:grid}.split>div:first-child>p{max-width:30ch;margin-top:22px}.catalog{align-content:start;gap:5px;display:grid}.catalog details{background:#292c27}.catalog details[open]{background:#363a32}.catalog summary{letter-spacing:-.035em;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;font-size:clamp(20px,2vw,34px);font-weight:550;list-style:none;display:flex}.catalog summary::-webkit-details-marker{display:none}.catalog summary i{flex:none;width:18px;height:18px;position:relative}.catalog summary i:before,.catalog summary i:after{content:"";background:var(--orange);width:18px;height:2px;position:absolute;top:8px;left:0}.catalog summary i:after{transition:transform .16s;transform:rotate(90deg)}.catalog details[open] i:after{transform:rotate(0)}.catalog details p{color:#e5e8df;padding:0 24px 24px}.catalog details b{font-weight:500}.process ol{gap:32px;padding:0;list-style:none;display:grid}.process li{padding-left:31px;position:relative}.process li:before{content:"";background:var(--ink);border-radius:100%;width:12px;height:12px;position:absolute;top:6px;left:0}.process li:not(:last-child):after{content:"";background:#c9cbc1;width:2px;position:absolute;top:22px;bottom:-29px;left:5px}.process h3{letter-spacing:-.035em;margin-bottom:8px;font-size:clamp(20px,1.7vw,27px);line-height:1.2}.process p{max-width:48ch}.contact{background:var(--orange);padding-block:clamp(55px,7vw,112px)}.contact h2{font-size:clamp(28px,3.3vw,56px)}.contact p{margin-top:14px}.email{letter-spacing:-.065em;align-items:baseline;gap:.18em;margin-top:clamp(30px,4vw,65px);font-size:clamp(23px,6.6vw,110px);font-weight:600;line-height:1.1;display:inline-flex}.email .arrow{width:.68em;height:.68em}.email:hover{text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.04em}footer{background:var(--ink);color:var(--paper);font-size:14px}footer .frame{align-items:center;min-height:75px}@media (width<=850px){.bar{gap:24px;min-height:64px}.bar nav{gap:18px}.projects{gap:28px}.title-row p{max-width:29ch}.split{grid-template-columns:.82fr 1.18fr;gap:5%}.project-title{display:block}.project-title span{margin-top:6px;display:block}.screen{bottom:20%}}@media (width<=640px){.bar{gap:16px;font-size:14px}.brand{gap:5px;font-size:17px}.brand img{width:21px;height:22px}.bar nav{gap:13px}.locale{gap:2px}.locale span{display:none}.hero h1{padding:31px .04em 34px 0;font-size:17vw}.hero-foot,.title-row{display:block}.hero-foot h2{max-width:19ch}.hero-foot p{margin-top:10px}.solid{gap:20px;margin-top:22px;padding:12px 17px;font-size:15px}.title-row p{max-width:40ch;margin-top:15px}.projects,.split{grid-template-columns:1fr;gap:33px}.pop{padding-top:12px}.previews{aspect-ratio:1.15}.screen{inset:5% 0 19%}.mode-label{padding:8px 12px}.project-title{margin-top:18px}.split>div:first-child>p{max-width:38ch;margin-top:15px}.catalog summary{padding:18px}.catalog details p{padding:0 18px 20px}.process ol{gap:25px}.process li:not(:last-child):after{bottom:-22px}.contact h2{max-width:18ch}.email{font-size:7.15vw}footer .frame{gap:12px;font-size:13px}}@media (width<=370px){.bar{flex-wrap:wrap;row-gap:0;padding-block:9px}.bar nav{order:3;width:100%}.bar nav a{padding-block:5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}.hero h1:hover .slices{transform:none}}.hero h1{letter-spacing:-.058em;font-size:min(17.3vw,297px)}.project-title{margin:0 0 18px}.projects article>p{margin-top:18px}.food{background:#fff;grid-template-rows:1fr 1fr;grid-template-columns:1.12fr 1fr;gap:4px;display:grid}.food img{min-width:0;min-height:0}.food img:first-child{grid-row:span 2}.food img:nth-child(2){object-position:center 48%}@media (prefers-reduced-motion:no-preference){.hero h1>span{animation:.65s cubic-bezier(.22,.75,.25,1) both type-arrive}.hero h1>span:last-child{animation-delay:80ms}.sculpture{animation:.85s cubic-bezier(.22,.75,.25,1) both cut-arrive}@keyframes type-arrive{0%{opacity:.25;transform:translateY(.12em)}to{opacity:1;transform:translateY(0)}}@keyframes cut-arrive{0%{transform:rotate(-22deg)translateY(6%)}to{transform:rotate(-8deg)}}}.catalog details:not([open])>p{display:none}@media (prefers-reduced-motion:no-preference){.hero-foot>div,.hero-foot>.solid{animation:.65s .12s both brief-arrive}@keyframes brief-arrive{0%{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}