:root{--paper:#fcfaf6;--ink:#282722;--gold:#a98a50;--muted:#777367;--line:#cbbb995c;--serif:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif}body{background:var(--paper);color:var(--ink)}header{height:110px;background:var(--paper);border-color:var(--line);padding:0 6%}.brand{font-size:36px;color:#9b7d43;letter-spacing:.18em}.brand span{color:#777367;font-size:8px;letter-spacing:.24em;margin-top:12px}nav{gap:38px;font-size:12px;letter-spacing:.06em}nav a{position:relative;padding:10px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}nav a:hover:after{width:100%}.private{border:0;border-left:1px solid var(--line);padding:0 0 0 24px;font-size:8px;letter-spacing:.2em;color:var(--muted)}
.hero{padding:42px 8% 75px;min-height:730px;display:grid;grid-template-columns:1.2fr .8fr;column-gap:45px;align-items:center;background:radial-gradient(ellipse at 80% 45%,#e8dcc13b,transparent 55%)}.hero-top{grid-column:1/-1;align-self:start}.eyebrow,.edition{font-size:9px;letter-spacing:.24em;color:var(--gold)}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,72px);line-height:1.65;letter-spacing:.015em;margin:55px 0 22px;grid-column:1;align-self:end}.hero h1 span{color:#a48955}.hero-bottom{grid-column:1;align-self:start;gap:24px}.hero-bottom p{font-size:13px;color:var(--muted);line-height:2.3;letter-spacing:.04em}.round-link{width:104px;height:104px;font-size:11px;flex-shrink:0;border-color:#b7a178;position:relative}.round-link span{font-size:6px;letter-spacing:.08em}.round-link:hover{background:#a58b58;color:white}.hero-word{font-size:clamp(120px,19vw,280px);bottom:-28px;left:7%;right:auto;color:#ece4d655;letter-spacing:.06em}.hero-object{grid-column:2;grid-row:2/4;position:relative;align-self:center;margin:24px 0 0;z-index:1}.hero-object svg{width:100%;height:auto;display:block}.hero-object figcaption{display:flex;justify-content:space-between;font:8px/1.8 Arial;letter-spacing:.18em;color:#99825b;border-top:1px solid var(--line);padding-top:16px;margin:0 12px}.hero-object svg{animation:object-in 1s ease-out both}
.works{background:#fffefa;color:var(--ink);padding:90px 8% 100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{margin-bottom:36px;align-items:center}.section-head h2{font:500 34px/1.7 var(--serif);letter-spacing:.04em;margin-top:16px}.section-head>p{color:var(--muted);font-size:12px}.works .eyebrow{color:var(--gold)}.filters{gap:26px;border-bottom:1px solid var(--line);margin-bottom:45px;padding-bottom:0}.filters button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:12px 0 17px;font-size:12px;color:#827b70;transition:color .2s,border-color .2s}.filters button.active{background:none;color:#856a37;border-color:#a68c58}.filters button:hover{color:#59472a}.project-grid{gap:58px 35px}.project-entry{min-width:0;animation:object-in .45s ease both}.project-image{aspect-ratio:1.6;background:#f0ede5;border:1px solid #d9cdb580;padding:22px;border-radius:4px;box-shadow:0 12px 30px #5b492b08}.project-image img{object-fit:contain;box-shadow:0 10px 25px #3a302516;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.025)}.project-image:after{content:'VIEW DETAILS ↗';font:8px Arial;letter-spacing:.14em;right:12px;bottom:11px;padding:8px 11px;background:#fffcf1eb;border:1px solid #cfbd9d55;color:#7b6740}.project-meta{font-size:10px;letter-spacing:.04em;color:#8a8070;margin-top:23px;align-items:center}.project-meta span:last-child{border:1px solid var(--line);border-radius:2px;padding:3px 7px;font-size:9px}.project-card h3{font:500 clamp(24px,2.8vw,35px)/1.5 var(--serif);letter-spacing:.015em;margin:12px 0 10px;color:#353026;overflow-wrap:anywhere}.project-card p{font-size:13px;color:#777064;line-height:1.9}.project-actions{gap:22px;margin-top:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.visit-site,.project-actions .visit-site{background:transparent;color:#967c48;border:1px solid #b79c685e;border-radius:3px;padding:11px 17px;font-size:12px;font-weight:400;gap:20px;transition:background .2s,color .2s}.visit-site span{font-size:8px;letter-spacing:.07em}.visit-site:hover{background:#a68a52;color:#fffdf8;filter:none}.details-button{font-size:11px;color:#857965;border-bottom:1px solid #cabc9f;padding:6px 0}.details-button:hover{color:#544323}.disclaimer{font-size:10px;line-height:2;color:#8b8477;border-top:0;margin:38px 0 0;padding:0}
.approach{padding:100px 8%;background:var(--paper)}.principles{gap:40px;margin-top:45px}.principles article{border-color:var(--line);padding-top:28px}.principles article>span{font:italic 34px Georgia;color:#b39b6e}.principles h3{font:500 21px/1.8 var(--serif);margin-top:26px}.principles p{font-size:13px;line-height:2.2;color:var(--muted)}.end{position:relative;background:#f2ede2;padding:70px 8% 60px;border-top:1px solid var(--line)}.end:before{content:'';display:block;width:1px;height:55px;background:linear-gradient(transparent,#b29865);margin:0 auto 28px}.end p{font:500 clamp(24px,3vw,38px)/1.9 var(--serif);margin:28px 0}.end em{color:#9b804c}.signature{font:36px Georgia;letter-spacing:.24em;color:#ad9567}footer{padding:38px 8%;color:#7b7467;background:#fcfaf6}footer div{font-size:12px;color:#655c4b}footer div span{font-size:8px;color:#a0885e}footer p{font-size:10px;color:#938b7e}footer>a{font-size:10px;border-bottom:1px solid #c2b394}
dialog{border:1px solid #c1aa786b;border-radius:6px;background:#fffdf8;padding:45px 55px;box-shadow:0 40px 100px #0003}dialog::backdrop{background:#16140f99;backdrop-filter:blur(10px)}.close{border-radius:3px;border-color:#c5b48f;background:#fffdf6;color:#927747;font-size:25px;width:40px;height:40px}.detail-label{color:#a58a54;font-size:10px;letter-spacing:.1em}.detail-title{font:500 clamp(26px,4vw,44px)/1.6 var(--serif);color:#383126;overflow-wrap:anywhere}.detail-summary{font:500 21px/1.8 var(--serif);color:#7f6b45}.detail-description{font-size:13px;line-height:2.2;color:#776f61;margin-bottom:23px}.detail-points{list-style:none;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;line-height:2.2;color:#746b59}.detail-points li{padding:6px 0 6px 20px;position:relative}.detail-points li:before{content:'';position:absolute;left:0;top:17px;width:5px;height:5px;background:#b29a68;transform:rotate(45deg)}.detail-image{border:1px solid var(--line);border-radius:3px}.video-label{font-family:var(--serif)}.empty{color:#81725a}
@keyframes object-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero{column-gap:24px;padding-left:6%;padding-right:6%}.hero h1{font-size:clamp(34px,5vw,50px)}.hero-bottom p{font-size:12px}.round-link{width:88px;height:88px;font-size:10px}.hero-object{margin:0}.works,.approach{padding-left:6%;padding-right:6%}}
@media(max-width:700px){header{height:88px;padding:0 6%}.brand{font-size:29px}.brand span{font-size:6px}nav{gap:18px;font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:30px 7% 45px;gap:0}.hero h1{font-size:clamp(33px,8.8vw,48px);margin:37px 0 20px;line-height:1.7}.hero-bottom{align-items:center}.hero-bottom p{font-size:12px;line-height:2.2}.hero-object{width:78%;max-width:330px;margin:20px auto 0}.hero-object svg{max-height:250px}.hero-object figcaption{font-size:7px;margin:0 10px;padding-top:10px}.hero-word{display:none}.works{padding:55px 6% 60px}.section-head{margin-bottom:24px}.section-head h2{font-size:27px}.section-head>p{font-size:11px}.filters{gap:12px 21px;margin-bottom:30px}.filters button{font-size:11px;padding:8px 0 12px}.project-grid{gap:33px}.project-image{padding:17px;aspect-ratio:1.65}.project-card h3{font-size:26px}.project-card p{font-size:12px}.project-meta{margin-top:18px}.project-actions{gap:20px;margin-top:17px;padding-bottom:22px}.approach{padding:60px 7%}.principles{gap:25px;margin-top:30px}.principles article{padding-top:20px}.principles article>span{margin-right:24px}.principles h3{margin-top:0;font-size:20px}.principles p{font-size:12px}.end{padding:40px 7%}.end p{font-size:25px}.end:before{height:35px}.signature{font-size:29px}footer{padding:30px 7%;gap:20px}dialog{padding:25px 22px;width:94vw;max-height:90dvh}.detail-title{font-size:28px;padding-top:8px}.detail-summary{font-size:18px}.detail-description{font-size:12px}.detail-label{padding-right:40px;line-height:1.9}.close{width:36px;height:36px}.detail-points{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}