:root{color-scheme:dark;--gold:#e0c797;--white:#f4eee5;--ink:#071021}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:#071021 url('../assets/celestial-pages-v1.webp') center top/cover fixed;color:var(--white);font-family:'Shippori Mincho',serif;line-height:2;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#050b1b55,#07102020 50%,#050b1b55);pointer-events:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.6}h1{font-size:clamp(36px,4.7vw,66px);letter-spacing:.12em}h2{font-size:clamp(26px,3vw,40px);letter-spacing:.12em}p{font-size:15px;letter-spacing:.05em}.eyebrow{font:12px 'Cormorant Garamond',serif;letter-spacing:.3em;color:var(--gold);margin-bottom:24px}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 5%;background:linear-gradient(#050b2090,transparent)}.logo{font:36px 'Cormorant Garamond',serif;letter-spacing:.1em;color:var(--gold);line-height:1}.logo small{display:block;font-size:8px;letter-spacing:.3em;margin-top:8px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px}.site-header nav a{padding:10px 0;min-height:44px}.site-header a:hover,[aria-current=page]{color:var(--gold)}.menu-toggle{display:none}.skip{position:fixed;top:-100px;background:#071021;z-index:100;padding:10px}.skip:focus{top:0}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:linear-gradient(120deg,#d1b880,#8c724b);color:#fff9eb;border:1px solid #e6d5b0;border-radius:50px;padding:12px 32px;min-height:50px;font-size:15px;letter-spacing:.05em;box-shadow:0 5px 28px #070b2060;cursor:pointer}.gold-button:hover{filter:brightness(1.12)}.text-link{display:inline-block;padding:12px 0;min-height:44px;color:var(--gold);border-bottom:1px solid #dac59180}.section{padding:75px 6%;max-width:1440px;margin:auto;text-align:center;text-shadow:0 2px 12px #010714}.order-hero{min-height:760px;height:95svh;max-height:1000px;position:relative;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;padding:120px 10% 110px;gap:20px}.order-copy{z-index:2;text-shadow:0 2px 22px #010714}.order-copy h1{font-size:clamp(60px,7vw,100px);letter-spacing:.08em;margin-bottom:20px}.order-copy h1 span{display:block;font-size:clamp(25px,3vw,38px);letter-spacing:.12em}.mandala-orbit{width:min(38vw,520px);aspect-ratio:1;position:relative;justify-self:center;display:grid;place-items:center}.mandala-orbit>img{width:86%;filter:drop-shadow(0 0 28px #e6caa255);border-radius:50%}.orbit{position:absolute;inset:-5%;border:1px solid #dec999aa;border-radius:50%;transform:rotate(-25deg) scaleY(.85)}.orbit.two{inset:-12%;transform:rotate(40deg) scaleY(.78);border-color:#d2c19d66}.moon{position:absolute;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e6cf9f,#8195b0 25%,#101728 65%);box-shadow:0 0 20px #d9b77a55}.m1{top:0;left:10%}.m2{right:0;bottom:18%;width:50px;height:50px}.m3{bottom:5%;left:5%;width:23px;height:23px}.order-cta{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);white-space:nowrap}.order-process{background:linear-gradient(transparent,#07112466,transparent)}.steps{list-style:none;padding:0;margin:60px 0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left}.steps li{display:flex;gap:20px;align-items:center}.steps img,.step-circle{flex-shrink:0;width:90px;height:90px;border-radius:50%;border:1px solid var(--gold);object-fit:cover}.step-circle{display:grid;place-items:center;font-size:55px;color:var(--gold);background:#19253e}.steps small{color:var(--gold)}.steps h3{font-size:16px;margin:5px 0 10px}.steps p{font-size:12px;letter-spacing:0;margin:0}.profile-hero{position:relative;min-height:650px;height:85svh;max-height:900px;display:flex;align-items:center;overflow:hidden}.hands{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.profile-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#040a1960,transparent 75%),linear-gradient(transparent 75%,#07102190);z-index:-1}.profile-copy{padding:100px 8% 60px;text-shadow:0 2px 16px #000}.profile-copy h1{margin:20px 0}.profile-copy .gold-button{margin-top:15px}.image-caption{position:absolute;right:20px;bottom:15px;font-size:10px;color:#ddd;text-shadow:0 1px 4px #000}.story{position:relative;overflow:hidden;padding-top:90px;padding-bottom:70px}.story p{line-height:2.6}.story h2{margin-bottom:35px}.signature{font:46px 'Cormorant Garamond',serif;color:var(--gold)}.story-planet{position:absolute;z-index:-1;width:25%;opacity:.8;filter:drop-shadow(0 0 20px #e1c38950)}.p1{left:-7%;top:10%}.p2{right:-3%;bottom:15%;width:22%}.profile-detail{display:grid;grid-template-columns:280px 1fr;gap:65px;max-width:900px;text-align:left;align-items:center;padding-top:25px}.profile-detail>img{width:100%;max-height:360px;object-fit:cover;border-radius:3px;mask-image:linear-gradient(#000 80%,transparent)}.story-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px auto 70px;max-width:1250px;padding:0 5%}.story-links a{min-height:120px;border:1px solid #d5bf8b70;background:#06102085;display:flex;align-items:center;gap:22px;padding:24px;font-size:23px}.story-links img{width:70px;height:70px}.story-links small{display:block;font-size:12px;color:var(--gold);margin-top:8px}.contact-layout{min-height:950px;padding:155px 8% 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;max-width:1500px;margin:auto}.contact-intro{position:relative;padding-top:170px;text-shadow:0 2px 20px #040a18}.contact-intro h1{font-size:clamp(32px,3.8vw,53px);letter-spacing:.06em}.contact-planet{position:absolute;right:6%;top:-40px;width:200px;z-index:-1;filter:drop-shadow(0 0 22px #bdc9eb66)}.quiet{border-top:1px solid #dac59488;padding-top:22px;margin-top:30px;color:#e2d5bc;font-size:13px;width:max-content;max-width:100%}.contact-panel{background:linear-gradient(135deg,#050d1bec,#0b1421b0);border:1px solid #d3c19940;border-radius:7px;padding:35px 38px;box-shadow:0 20px 90px #02060f55}.contact-panel h2{font-size:27px;margin-bottom:20px}.contact-panel>p:not(.eyebrow){font-size:14px}.contact-panel .eyebrow{margin-bottom:12px}#mail-form label{display:block;font-size:13px;margin:20px 0 8px}#mail-form input,#mail-form select,#mail-form textarea{display:block;width:100%;max-width:100%;min-width:0;background:#c8d1df0d;border:1px solid #c6c9d581;border-radius:5px;color:#f0eee8;padding:12px 14px;font-size:16px;line-height:1.6}#mail-form select option{background:#091426}#mail-form textarea{resize:vertical}#mail-form .gold-button{width:100%;margin-top:27px}.mail-note,#mail-status{font-size:12px;line-height:1.8;color:#cbcbd2;margin-top:14px}.email{display:block;overflow-wrap:anywhere;color:var(--gold);font:18px 'Cormorant Garamond',serif;min-height:44px;padding:10px 0}.site-footer{text-align:center;border-top:1px solid #d6be8a50;padding:50px 24px 28px;background:linear-gradient(transparent,#07132765);text-shadow:0 1px 10px #000}.site-footer>p{font-size:15px;margin-bottom:35px}.site-footer>.logo{display:inline-block}.site-footer nav{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:30px 0 8px;font-size:12px}.site-footer nav a{min-height:44px;display:flex;align-items:center}.site-footer>small{font-size:10px;color:#d5d2db}
@media(max-width:1000px){.site-header nav{gap:16px}.steps{gap:25px}.steps li{flex-direction:column;align-items:flex-start}.contact-layout{gap:5%;padding-left:5%;padding-right:5%}.contact-panel{padding:30px 25px}}
@media(max-width:767px){body{background-attachment:scroll;background-size:auto 1500px;background-repeat:repeat-y;background-position:58% top}.site-header{padding:calc(22px + env(safe-area-inset-top)) 24px 20px}.logo{font-size:31px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;background:#08122570;border:1px solid #e2c99770;border-radius:50%;padding:10px;color:var(--gold)}.menu-toggle span{height:1px;width:100%;background:currentColor}.site-header nav{display:none;position:absolute;top:95px;left:16px;right:16px;background:#071120f5;border:1px solid #d6be8a80;border-radius:8px;padding:20px;box-shadow:0 15px 50px #0008}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.site-header nav a{padding:10px 12px}.order-hero{height:auto;max-height:none;min-height:0;padding:145px 24px 65px;display:flex;flex-direction:column;gap:35px;text-align:center}.mandala-orbit{order:-1;width:72vw;max-width:370px;margin:12px auto 0}.order-copy h1{font-size:62px;line-height:1.3;margin:12px 0 20px}.order-copy h1 span{font-size:26px;line-height:1.8}.order-copy .eyebrow{font-size:10px;margin:0}.order-copy p{margin:0;font-size:15px}.order-cta{position:static;transform:none;white-space:normal}.gold-button{font-size:14px;gap:20px;padding:12px 25px;min-height:50px}.moon{width:24px;height:24px}.m2{width:34px;height:34px}.section{padding:50px 25px}.section>p{font-size:14px}.steps{grid-template-columns:1fr;gap:36px;margin-top:40px}.steps li{flex-direction:row;gap:20px;position:relative;align-items:center}.steps li:not(:last-child):after{content:'';position:absolute;top:90px;bottom:-32px;left:37px;width:1px;background:#d9c28b80}.steps img,.step-circle{width:76px;height:76px}.steps h3{font-size:16px}.steps p{font-size:13px}.profile-hero{height:740px;min-height:650px;max-height:90svh;align-items:flex-end}.hands{object-position:62% center}.profile-hero:after{background:linear-gradient(transparent 15%,#050b1b35 35%,#050b1bdd 100%)}.profile-copy{padding:130px 28px 65px}.profile-copy h1{font-size:42px}.profile-copy p{font-size:14px}.image-caption{font-size:9px}.story{padding-top:65px}.story-planet{opacity:.45;width:36%}.p1{left:-19%}.p2{right:-18%;width:40%}.story p{font-size:14px}.profile-detail{grid-template-columns:1fr;gap:28px;max-width:480px;text-align:center}.profile-detail>img{max-width:270px;margin:auto;max-height:300px}.story-links{grid-template-columns:1fr;gap:12px;margin:15px 0 45px;padding:0 24px}.story-links a{min-height:100px;padding:18px 22px;font-size:21px}.contact-layout{padding:135px 20px 45px;display:block;min-height:0}.contact-intro{padding:205px 8px 30px}.contact-planet{width:180px;top:0;right:12%}.contact-intro h1{font-size:36px}.contact-intro p{font-size:14px}.contact-panel{padding:28px 22px;border-radius:8px}.contact-panel h2{font-size:26px}.contact-panel .email{font-size:18px}#mail-form label{font-size:14px}#mail-form input,#mail-form select{min-height:48px}.site-footer{padding:40px 24px calc(24px + env(safe-area-inset-bottom))}.site-footer nav{gap:8px 20px}.eyebrow{font-size:10px}.quiet{font-size:13px!important}}
@media(max-width:360px){.steps li{gap:14px}.steps img,.step-circle{width:60px;height:60px}.steps li:not(:last-child):after{left:30px}.steps p{font-size:12px}.contact-intro h1{font-size:31px}.contact-panel{padding:25px 17px}.order-copy h1{font-size:54px}.profile-copy h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mandala-orbit>img,.contact-planet>img{height:auto;aspect-ratio:1;object-fit:contain}.mandala-orbit{min-height:0}.order-process{scroll-margin-top:40px}

.order-hero{overflow:hidden}.steps li>div:last-child{min-width:0}
/* A continuous mobile sky without repeated image seams */
@media(max-width:767px){body{background-image:none}body:before{background:linear-gradient(#050b1b35,#07102040),url('../assets/celestial-pages-v1.webp') 58% center/cover no-repeat}.story{background:radial-gradient(ellipse at center,#06102050,transparent 75%)}}
/* Miniature artworks continue the orbital composition */
.moon{display:block;background:none;box-shadow:0 0 20px #dbbf8055;width:58px;height:58px;border:1px solid #d8c79975}.moon img{width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 5px #040713)}.moon.m2{width:76px;height:76px}.moon.m3{width:42px;height:42px}.step-drawing{object-position:72% 48%}
.story-links.visual-links{gap:24px;max-width:1400px;margin:30px auto 90px}.visual-links a{display:block;position:relative;min-width:0;min-height:430px;overflow:hidden;border:1px solid #d5bf8b70;border-radius:160px 160px 8px 8px;background:#07112499;padding:0;box-shadow:0 14px 45px #04091455;transition:transform .3s,border-color .3s}.visual-links a:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#06102130 38%,#060e20ef 74%);pointer-events:none}.visual-links a:hover{transform:translateY(-6px);border-color:#efd49a}.visual-links .card-art{position:absolute;inset:0 0 35%;background:radial-gradient(ellipse,#7186b833,transparent 65%)}.visual-links .card-art:before{content:'';position:absolute;inset:28px 25px;border:1px solid #ddc99770;border-radius:50%;transform:rotate(-25deg) scaleY(.85)}.visual-links .card-art img{position:absolute;width:68%;height:auto;left:16%;top:30px;filter:drop-shadow(0 0 18px #aac4e844)}.visual-links .card-art img+img{width:28%;top:145px;left:65%}.visual-links .card-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:69% top}.visual-links .card-copy{position:relative;z-index:1;padding:215px 28px 28px}.visual-links .card-copy>span{font-size:clamp(20px,2vw,27px);line-height:1.7;letter-spacing:.06em}.visual-links .card-copy p{font-size:13px;line-height:1.9;color:#e1dfdf;margin:14px 0 20px}.visual-links .card-copy small{font-size:12px}.visual-links .card-copy .card-kicker{font:10px 'Cormorant Garamond',serif;letter-spacing:.23em;margin-bottom:12px}.visual-links .card-copy b{float:right;font-size:18px;font-weight:400}.visual-links .card-copy>small:last-child{border-top:1px solid #d5bf8b55;padding-top:15px}
@media(max-width:767px){.moon{width:40px;height:40px}.moon.m2{width:52px;height:52px}.moon.m3{width:30px;height:30px}.story-links.visual-links{gap:25px;margin-bottom:55px}.visual-links a{min-height:400px;max-width:420px;width:100%;margin:auto;border-radius:150px 150px 8px 8px}.visual-links .card-copy{padding:225px 26px 26px}.visual-links .card-copy>span{font-size:25px}.visual-links .card-copy p{font-size:14px}.visual-links .card-art img{width:58%;left:21%;top:25px}.visual-links .card-art img+img{width:25%;left:65%;top:120px}}
@media(prefers-reduced-motion:reduce){.visual-links a{transition:none}.visual-links a:hover{transform:none}}

@media(max-width:767px){body:before{bottom:auto;height:100lvh}.visual-links a:hover{transform:none}}

/* Keep the hands image above the page-wide cosmic backdrop */
.profile-hero{isolation:isolate}
