:root{--espresso:#241915;--ink:#29231f;--cream:#f4f0e9;--milk:#faf8f3;--line:#d8d0c7;--muted:#756d67;--accent:#8a5e4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--ink);font:16px/1.6 'Arial',sans-serif}a{color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,100px);background:var(--milk);border-bottom:1px solid var(--line)}.logo{font-size:21px;letter-spacing:.25em;font-weight:750;text-decoration:none}.nav{display:flex;gap:32px;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.nav a{text-decoration:none}.hero{background:var(--espresso);color:#f9f3eb;padding:clamp(75px,10vw,155px) clamp(24px,8vw,130px) 105px;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:bold;color:#bcaea5;margin:0 0 25px}.hero h1{font:normal clamp(52px,8.3vw,125px)/1.01 Georgia,serif;max-width:1020px;letter-spacing:-.055em;margin:0 0 36px}.hero h1 em{font-style:italic;color:#bd9988}.hero p:last-child{max-width:565px;color:#c8bab0;font-size:17px}.wrap{max-width:1320px;margin:auto;padding:0 clamp(22px,6vw,90px)}.intro{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-top:95px;padding-bottom:50px;border-bottom:1px solid var(--line)}.intro h2{font:normal clamp(40px,5.5vw,75px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}.intro p{max-width:430px;color:var(--muted);margin:0}.project{padding:85px 0;border-bottom:1px solid var(--line)}.projtop{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:35px}.projname{font:normal clamp(40px,5vw,72px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:10px 0}.meta{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.desc{color:#665d56;max-width:520px;margin-top:34px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}.emailpane{background:#e5ddd4;border-radius:3px;padding:30px 22px 0;height:560px;overflow:hidden;position:relative;text-align:center}.emailpane.dark{background:#292725}.emailpane img{width:min(100%,390px);display:block;margin:auto;box-shadow:0 14px 34px #0002}.panefooter{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;color:var(--muted)}.linklike{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;color:var(--ink);cursor:pointer;font:inherit}.hypebox{background:#101010;border-radius:3px;min-height:660px;display:flex;align-items:center;justify-content:center;padding:20px;gap:38px}.hypepreview{width:min(100%,600px);height:580px;overflow:hidden;background:#000;box-shadow:0 15px 55px #0008}.hypepreview iframe{width:600px;height:2900px;border:0;transform:scale(.72);transform-origin:top left;pointer-events:none}.hypecopy{max-width:300px;color:#ded8d0}.hypecopy h3{font:normal 42px/1.1 Georgia,serif;margin:0 0 22px}.hypecopy p{font-size:14px;color:#beb8b0}.hypecopy a{display:inline-block;border-bottom:1px solid #ded8d0;text-decoration:none;padding-bottom:5px;margin-top:18px}.cap{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px}.cap h2,.closing h2{font:normal clamp(42px,5vw,75px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:0}.caps{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:15px}.caps span{border-bottom:1px solid var(--line);padding:9px 0}.closing{background:var(--espresso);color:var(--cream);padding:100px clamp(24px,8vw,130px)}.closing p{color:#c8bab0}.closing a{display:inline-block;margin-top:15px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;padding:14px 0;text-decoration:none;border-bottom:1px solid #bcaea5}footer{padding:28px clamp(22px,6vw,90px);background:#1b1310;color:#b7a9a0;display:flex;justify-content:space-between;font-size:12px}.modal{position:fixed;inset:0;background:#130d0bee;z-index:99;display:none;overflow:auto;padding:75px 18px 60px;text-align:center}.modal.active{display:block}.modal img{display:block;max-width:min(100%,680px);height:auto;margin:0 auto;box-shadow:0 25px 70px #0007}.close{position:fixed;right:25px;top:20px;background:white;color:#231915;border:0;border-radius:999px;padding:10px 18px;cursor:pointer;font-size:14px}body.lock{overflow:hidden}@media(max-width:800px){.nav{gap:15px}.intro{display:block}.intro p{margin-top:22px}.projtop,.cap{grid-template-columns:1fr}.desc{margin-top:0}.showcase{gap:12px}.emailpane{height:440px;padding:15px 7px 0}.hypebox{display:block;text-align:center}.hypepreview{max-width:420px;margin:0 auto}.hypecopy{margin:35px auto 15px}.hypecopy h3{font-size:32px}}@media(max-width:520px){header{height:70px}.logo{font-size:17px;letter-spacing:.18em}.nav{font-size:10px;gap:12px}.nav a:nth-child(2){display:none}.hero{padding:72px 23px 76px}.hero h1{font-size:57px}.showcase{grid-template-columns:1fr}.emailpane{height:460px}.hypepreview{max-width:100%;height:430px}.hypepreview iframe{transform:scale(.48)}.caps{grid-template-columns:1fr}footer{display:block}}

.yukari-feature{display:grid;grid-template-columns:1fr 1fr;background:#e7e2d8;min-height:420px}.yukari-side{padding:clamp(32px,5vw,75px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.yukari-side h3{font:normal clamp(36px,4vw,60px)/1.12 Georgia,serif;margin:16px 0}.yukari-side p:not(.meta){max-width:420px;color:#655b55}.yukari-side a{font-size:13px;letter-spacing:.07em;text-decoration:none;border-bottom:1px solid #4a2c2a;padding-bottom:8px;margin-top:20px}.yukari-flow{background:#4a2c2a;color:#f3e6d4;padding:clamp(34px,5vw,74px);display:flex;flex-direction:column;justify-content:center}.yukari-flow .micro{font-size:11px;letter-spacing:.19em}.yukari-flow ol{padding:0;list-style:none;margin:28px 0}.yukari-flow li{border-top:1px solid #987f77;padding:17px 0;display:flex;gap:24px;align-items:center}.yukari-flow li:last-child{border-bottom:1px solid #987f77}.yukari-flow small{color:#b7a197}.yukari-flow p{color:#c9b2a0;font-size:12px}@media(max-width:800px){.yukari-feature{grid-template-columns:1fr}}

/* Yukari image-led showcase */
.yukari-feature{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
.yukari-email-pane{padding:32px 26px 22px;min-width:0;background:#e7e2d8}
.yukari-email-scroll{height:620px;overflow:hidden;position:relative;text-align:center;background:#e5e1da}
.yukari-email-scroll:after{content:"";position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(transparent,#e5e1da);pointer-events:none}
.yukari-email-scroll img{display:block;width:min(100%,470px);height:auto;margin:auto;box-shadow:0 15px 40px #0002}
.yukari-side{background:#e7e2d8}
.yukari-side .linklike{font-size:13px;letter-spacing:.07em;margin-top:24px;border-bottom:1px solid #4a2c2a;padding-bottom:8px;text-decoration:none}
.yukari-side .concept-disclaimer{font-size:12px;margin-top:27px;opacity:.8}
@media(max-width:800px){.yukari-feature{grid-template-columns:1fr}.yukari-email-scroll{height:490px}.yukari-side{padding-top:20px}}