:root{--paper:#f0ece3;--ink:#242921;--line:#cfc9bb;--green:#243c31}
header{padding-top:34px}.wordmark{font-size:23px;letter-spacing:.18em}header nav{gap:27px}.scene-copy{top:34%;left:7.8%;max-width:52%}.scene h1,.scene h2{font-size:clamp(56px,6vw,100px);letter-spacing:.07em;line-height:1.5;margin:23px 0 0}.scene-en{font-size:clamp(23px,2.6vw,40px);color:#d6d0bc}.attitude-line{font-size:13px;letter-spacing:.15em;margin-top:36px;color:#ddd9ce}.scene-detail{margin-top:35px;width:148px;font-size:11px}.scene-detail:hover{width:170px}.scene-shade{background:linear-gradient(90deg,#04100dc4 0%,#04100d55 35%,transparent 65%),linear-gradient(0deg,#0005,transparent 18%)}.scene-ruby .scene-copy{top:34%}.scene-ruby .scene-shade{background:linear-gradient(90deg,#24000988,transparent 65%)}.scene-sapphire .scene-copy{top:34%;right:9%;max-width:49%}.scene-sapphire .scene-shade{background:linear-gradient(270deg,#020b21aa,transparent 65%)}.scene-pink .scene-copy{top:34%}.scene-pink .scene-en{color:#76524a}.scene-pink .attitude-line{color:#684a43}.scene-pink .scene-shade{background:linear-gradient(90deg,#e9dcd06b,transparent 65%)}.scene-foot button{font-size:9px;letter-spacing:.1em;padding:12px 0}.scene-foot{bottom:21px}.scene-foot a{font-size:9px}.begin{background:var(--paper);color:var(--ink);padding:115px 9vw 120px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.begin-heading>.eyebrow{font-size:8px;color:#726e60}.begin h2{font:400 clamp(38px,4vw,62px)/1.65 var(--serif);letter-spacing:.05em;margin-top:38px}.begin h2 em{font-style:normal;color:#939183}.begin-intro{font:18px/2 var(--serif);margin:38px 0 36px}.rituals details{border-top:1px solid var(--line)}.rituals details:last-child{border-bottom:1px solid var(--line)}.rituals summary{padding:23px 0;font-size:12px;gap:18px}.rituals summary>span:first-child{min-width:22px;font:12px var(--serif);color:#8c8878}.rituals details p{font-size:12px;line-height:2.15;color:#68695c;padding:0 24px 24px 40px}.begin-content>.line-link{margin-top:28px}.designer-end{border-top:1px solid #d8d1c4;padding:90px 24px 60px}.designer-end h2{font-size:58px}.designer-intro{margin:24px 0 14px}.atelier-name{margin-top:48px}.return-letter{position:fixed;bottom:24px;right:30px;z-index:25;border:1px solid #ada18c69;background:#ede9dfed;color:#303b2d;backdrop-filter:blur(12px);padding:14px 20px;font-size:11px;box-shadow:0 8px 30px #0001}.return-letter span{margin-left:22px}.return-letter[hidden]{display:none}.return-letter.visible-end{bottom:70px}.resonance-dialog{padding:0;width:min(930px,calc(100% - 30px));max-height:92svh;overflow-y:auto}.resonance-dialog[open]{display:grid;grid-template-columns:40% 60%}.resonance-dialog>.close-dialog{position:absolute;right:16px;top:15px;float:none;margin:0;background:#f0ece3e6}.letter-art{position:relative;min-height:620px;background:#0c2017;overflow:hidden}.letter-art img{width:100%;height:100%;object-fit:cover;object-position:72% center}.letter-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 40%)}.letter-art>span{position:absolute;z-index:1;bottom:28px;left:25px;font-size:8px;letter-spacing:.18em;color:#f0ece3}.letter-content{padding:62px 44px 38px}.letter-content>.eyebrow{font-size:8px;color:#807d6e}.letter-content h2{font:400 38px/1.5 var(--serif);margin:25px 0 20px}.letter-content>p:not(.eyebrow):not(.note-privacy){font:15px/2.2 var(--serif);color:#626454;min-height:100px;white-space:pre-line}.note-label{display:block;font-size:11px;color:#505748;margin-top:24px}.note-label span{display:block;font-size:9px;color:#7e8174;margin-top:8px}.letter-content textarea{font:13px/1.8 var(--serif);border:0;border-bottom:1px solid #a9ae9e;padding:15px 0;background:transparent;min-height:78px}.note-privacy{font-size:9px;line-height:1.8;color:#727568;margin-top:12px}.note-actions{display:flex;gap:26px;justify-content:space-between;margin-top:25px}.note-actions .line-link{font-size:11px;gap:20px}.quiet-button{font-size:10px;color:#6b7262;margin-top:29px;padding:8px 0}.card-dialog{width:min(570px,calc(100% - 30px));padding:45px 38px 30px}.card-dialog h2{font-size:28px;margin:16px 0 22px}#keepsake-preview{width:100%;height:auto;max-height:60svh;object-fit:contain;background:#e8e5da}#card-status{font-size:11px;color:var(--green);margin-top:15px}.enquiry-resonance{font-size:12px;white-space:pre-line;padding:15px;border-left:1px solid #8a927f;background:#e8e7dc}.clear-resonance{font-size:10px;text-decoration:underline;padding:10px 0;color:#6b7262}.clear-resonance[hidden]{display:none}footer{padding-bottom:25px}
@media(max-width:1000px) and (min-width:701px){.scene-copy{left:6%;max-width:58%}.scene h1,.scene h2{font-size:56px}.scene-sapphire .scene-copy{right:7%;max-width:53%}.begin{gap:6vw;padding-inline:7vw}.letter-content{padding-inline:28px}.resonance-dialog{width:92vw}}
@media(max-width:700px){header{padding:25px 23px}.wordmark{font-size:18px}header nav{gap:16px}.scene-copy,.scene-ruby .scene-copy,.scene-sapphire .scene-copy,.scene-pink .scene-copy{left:26px;right:auto;top:auto;bottom:91px;max-width:86%}.scene h1,.scene h2{font-size:43px;line-height:1.5;letter-spacing:.06em;margin:14px 0 4px}.scene-en{font-size:24px}.attitude-line{font-size:12px;margin-top:18px;letter-spacing:.08em}.scene-detail{font-size:11px;margin-top:20px;width:142px;padding:10px 0}.scene-detail:hover{width:142px}.scene-copy .eyebrow{font-size:7px;letter-spacing:.14em}.scene-image{height:78%;object-position:73% center}.scene-shade{background:linear-gradient(0deg,#07120e 13%,#07120edb 28%,#07120e33 51%,transparent 68%)}.scene-ruby .scene-shade{background:linear-gradient(0deg,#30090e 13%,#30090edb 28%,#30090e33 51%,transparent 68%)}.scene-sapphire .scene-shade{background:linear-gradient(0deg,#020b1d 13%,#020b1ddd 28%,#020b1d33 51%,transparent 68%)}.scene-pink .scene-shade{background:linear-gradient(0deg,#e9dcd0 23%,#e9dcd0e8 31%,#e9dcd03b 52%,transparent 66%)}.scene-foot{bottom:19px}.scene-foot a{font-size:8px}.scene-foot button{font-size:8px}.scene-foot>span{display:none}.begin{display:block;padding:70px 27px 76px}.begin h2{font-size:37px;margin-top:23px;line-height:1.6}.begin-intro{font-size:15px;margin-top:35px}.rituals summary{font-size:12px;padding:22px 0}.designer-end{padding-top:70px}.designer-end h2{font-size:47px}.return-letter{right:16px;bottom:15px;padding:12px 16px;font-size:10px}.return-letter span{margin-left:13px}.resonance-dialog[open]{display:block}.letter-art{height:200px;min-height:0}.letter-art img{height:100%;object-position:65% 50%}.letter-art>span{bottom:20px;left:25px}.letter-content{padding:29px 25px 25px}.letter-content h2{font-size:30px;margin:17px 0 14px}.letter-content>p:not(.eyebrow):not(.note-privacy){font-size:14px;min-height:0}.note-label{margin-top:23px}.note-actions{gap:20px;margin-top:18px}.note-actions .line-link{gap:15px;font-size:10px}.quiet-button{margin-top:19px}.card-dialog{padding:40px 23px 27px}.card-dialog .close-dialog{margin:-26px -9px 0 0}.scene{min-height:700px}.chapter-nav{right:12px}}
@media(max-width:360px){.scene h1,.scene h2{font-size:36px}.scene-en{font-size:21px}.scene-copy{left:23px}header nav{gap:12px}.wordmark{font-size:16px}.letter-content{padding-inline:20px}.note-actions{gap:14px}}