*{box-sizing:border-box}html,body{margin:0;background:#e9e6dd;color:#233835}body{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #a34832;outline-offset:6px}.hero{position:relative;isolation:isolate;min-height:620px;height:100svh;overflow:hidden;background:#e9e6dd}.art{position:absolute;inset:0 0 0 27%;background:#d8d1bd url('../assets/poster.png') center/cover}.art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#tool{pointer-events:none}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#e9e6dd 0%,#e9e6dd 29%,#e9e6ddfa 35%,#e9e6ddc9 42%,#e9e6dd1c 57%,transparent 69%);pointer-events:none}.header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:35px 5vw}.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:.14em;font-size:30px;line-height:1}.brand span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.19em;margin-top:11px}.header nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.08em}.header nav>button:first-child{background:#ede9def0;padding:14px 17px;border-radius:2px}.contact{display:flex;align-items:center;gap:25px;padding:14px 18px;background:#233835;color:#faf4e6;font-size:11px;letter-spacing:.08em}.contact span{font-size:20px}.copy{position:absolute;z-index:1;left:8.2vw;top:48%;transform:translateY(-46%);transition:opacity .65s,transform .8s}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.eyebrow>span{height:5px;width:5px;background:#ab5039;border-radius:50%}h1{font-family:'Hiragino Mincho ProN','Yu Mincho','Noto Serif CJK JP',serif;font-size:clamp(72px,7.5vw,116px);font-weight:400;line-height:1.4;letter-spacing:.09em;margin:29px 0 28px;white-space:nowrap}h1>span{padding-left:.38em}.intro{font-size:12px;line-height:2.2;letter-spacing:.12em;margin:0;color:#4b5a50}.cta{display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.07em;border-bottom:1px solid #758174;margin-top:33px;padding:0 0 10px}.arrow{font-size:25px;transition:transform .3s}.cta:hover .arrow{transform:translate(3px,-3px)}.footer{position:absolute;z-index:2;bottom:28px;left:5vw;right:5vw;display:flex;align-items:end;justify-content:space-between}.work-label{display:flex;gap:16px;align-items:start;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:14px;letter-spacing:.11em;margin:0}.number{font:11px Georgia,serif;padding-top:2px;color:#a1533d}.work-label small{display:block;font:7px Arial,sans-serif;letter-spacing:.12em;margin-top:10px}.playback{display:flex;gap:18px;padding:2px 12px;background:#e9e6ddd9;border:1px solid #faf2d930;backdrop-filter:blur(8px);border-radius:3px}.playback button{font-size:10px;letter-spacing:.08em;min-height:40px;min-width:50px}.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}.art,.veil{transition:inset 1s cubic-bezier(.2,.65,.2,1),opacity 1s}.immersive .art{left:0}.immersive .veil{opacity:0}.immersive .copy{opacity:0;transform:translate(-25px,-46%);pointer-events:none}.immersive .header,.immersive .work-label{opacity:0;pointer-events:none}.header,.work-label{transition:opacity .5s}.back{position:absolute;z-index:3;top:25px;left:5vw;background:#e9e6dde8;border:1px solid #fff6;padding:15px 20px;font-size:11px;letter-spacing:.1em}dialog{max-width:520px;width:calc(100% - 32px);border:0;padding:60px 52px;background:#e9e6dd;color:#233835;box-shadow:0 30px 100px #15252355}dialog::backdrop{background:#10292277;backdrop-filter:blur(10px)}dialog .close{position:absolute;right:17px;top:10px;font:28px Arial;min-height:44px;min-width:44px}dialog h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:400;font-size:36px;line-height:1.5;letter-spacing:.06em;margin:25px 0}dialog p:not(.eyebrow){font-size:13px;line-height:2.1;letter-spacing:.04em}.sample-note{color:#67746a;font-size:11px!important;border-top:1px solid #cad0c4;padding-top:16px;margin-top:25px}.fallback canvas{display:none!important}@media(min-width:1700px){.copy{left:11vw}.header{padding:42px 6vw}.footer{left:6vw;right:6vw}}@media(max-width:700px){.hero{min-height:690px}.header{padding:25px 24px;align-items:start}.brand{font-size:25px}.brand span{font-size:6px;margin-top:9px}.header nav{gap:0}.header nav>button:first-child{display:none}.contact{font-size:10px;gap:12px;padding:10px 13px}.contact span{font-size:17px}.art{inset:23% 0 0 0}.veil{background:linear-gradient(180deg,#e9e6dd 0%,#e9e6dd 14%,#e9e6ddf2 30%,#e9e6ddb0 43%,#e9e6dd00 63%)}.copy{left:30px;top:130px;transform:none}.eyebrow{font-size:8px;letter-spacing:.16em;gap:9px}h1{font-size:clamp(58px,17vw,86px);line-height:1.35;margin:19px 0 17px;letter-spacing:.06em}h1>span{padding-left:.35em}.intro{font-size:10px;line-height:2.1;letter-spacing:.08em}.cta{font-size:10px;margin-top:20px;gap:20px;background:#e9e6dd70;backdrop-filter:blur(3px)}.footer{left:24px;right:24px;bottom:20px;align-items:center}.work-label{font-size:12px;background:#e9e6dde0;padding:11px 12px;border-radius:2px;gap:10px}.work-label small{display:none}.playback{gap:6px;padding:0 8px}.playback button{min-width:38px;font-size:9px}.immersive .art{top:0}.immersive .copy{transform:translateY(-15px)}dialog{padding:50px 30px}dialog h2{font-size:31px}}@media(max-height:700px) and (min-width:701px){.hero{min-height:540px}.header{padding-top:25px}.copy{top:49%}h1{font-size:70px;line-height:1.28;margin:16px 0 18px}.cta{margin-top:20px}.footer{bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}
@media(max-width:700px){.veil{background:linear-gradient(180deg,#e9e6dd 0%,#e9e6dd 19%,#e9e6ddf2 36%,#e9e6ddc7 49%,#e9e6dd00 65%)}.intro{font-size:11px}.cta{font-size:11px;background:none;backdrop-filter:none}.hero{min-height:560px}}
@media(max-width:700px) and (max-height:740px){.copy{top:105px}h1{font-size:58px;margin:14px 0;line-height:1.25}.intro{font-size:10px}.cta{margin-top:14px}.footer{bottom:15px}}
@media(min-width:701px) and (max-height:520px){.hero{min-height:360px}.header{padding-top:18px}.brand{font-size:23px}.brand span{font-size:6px;margin-top:7px}.copy{top:50%}h1{font-size:49px;line-height:1.18;margin:10px 0}.intro{font-size:10px}.cta{margin-top:12px;padding-bottom:5px}.footer{bottom:14px}.work-label{font-size:11px}.work-label small{font-size:6px}.header nav>button:first-child,.contact{padding-top:8px;padding-bottom:8px}}

/* A defined area of quiet paper, surrounded by undimmed pigment. */
.art{inset:0}.veil{background:none!important}.quiet-shape{display:block;width:100%;height:100%;fill:#e9e6dd}.quiet-shape-mobile{display:none}.brand{background:#e9e6dd;padding:13px 17px 12px;margin:-13px -17px -12px}.work-label{background:#e9e6dd;padding:12px 16px;border-radius:2px;margin-bottom:-7px}.header nav>button:first-child{background:#e9e6dd}.playback{background:#e9e6dd;border:0;backdrop-filter:none}
@media(max-width:700px){.art{inset:0}.quiet-shape{display:none}.quiet-shape-mobile{display:block;width:100%;height:100%;fill:#e9e6dd}.brand{padding:11px 12px;margin:-11px -12px}.copy{top:135px}h1{font-size:clamp(58px,16vw,82px)}.work-label{padding:11px 12px;margin-bottom:0}}
@media(max-width:700px) and (max-height:740px){.copy{top:103px}h1{font-size:54px}}

.quiet-shape path,.quiet-shape-mobile path{stroke:#263c3b;stroke-width:1.2;vector-effect:non-scaling-stroke;paint-order:stroke fill}.quiet-shape{filter:drop-shadow(3px 2px 0 #b6664c) drop-shadow(2px 2px 0 #e9e6dd)}

.art video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.video-fallback video{visibility:hidden}.art{background-image:url('assets/loop-poster.jpg')}html[data-embed] .hero{min-height:0;height:100svh}html[data-embed] .header,html[data-embed] .copy,html[data-embed] .veil,html[data-embed] .work-label,html[data-embed] .back{display:none}html[data-embed] .footer{left:auto;right:16px;bottom:12px}