/* Couture motion layer. All content remains usable without JavaScript. */
:root{--couture-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:110px}body{overflow-x:clip}body:has(dialog[open]){overflow:hidden}
:focus-visible{outline:2px solid #e9ce91;outline-offset:5px}.skip:focus{z-index:200}
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:linear-gradient(90deg,#705227,#e8cc8c);transform:scaleX(var(--reading,0));transform-origin:left}
.header{position:sticky;top:0;background:rgba(0,0,0,.94);backdrop-filter:blur(18px);transition:height .45s var(--couture-ease),box-shadow .45s;z-index:30}.header.scrolled{box-shadow:0 8px 40px #0007}.header nav a[aria-current=true]:after{width:100%}.header nav a{min-height:32px;display:flex;align-items:center}
.hero{isolation:isolate}.hero-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-image{animation:couture-image-arrive 2s var(--couture-ease) both;will-change:transform}.hero-copy,.hero-bottom{z-index:2}.hero h1{line-height:1.01;letter-spacing:-2.4px}.hero h1 i{display:inline-block;background:linear-gradient(110deg,#94713a,#e4c77e,#b28b48);background-clip:text;-webkit-background-clip:text;color:transparent!important;padding-right:8px}.hero-description{font-size:14px!important;line-height:1.95;opacity:.83}.hero-copy .eyebrow{animation:couture-enter 1.4s .1s both}.hero-note{opacity:.7}.hero-copy .button{margin-right:20px}.editorial-open{display:inline-flex;gap:12px;align-items:center;padding:17px 0;font-size:9px;letter-spacing:1.8px;animation:couture-enter 1.5s .6s both;min-height:52px}.editorial-play{width:34px;height:34px;border:1px solid #c9a75f70;border-radius:50%;display:grid;place-items:center;font-size:16px;transition:transform .5s,background .5s}.editorial-open:hover .editorial-play{transform:rotate(45deg);background:#c9a75f20}.hero-bottom a span{animation:couture-arrow 2.5s ease-in-out infinite}
.craft-ribbon{overflow:hidden;border-bottom:1px solid var(--line);padding:20px 0;background:#070605}.craft-ribbon>div{display:flex;align-items:center;width:max-content;white-space:nowrap;word-spacing:7px;font:10px var(--sans);letter-spacing:4px;animation:couture-ribbon 45s linear infinite}.craft-ribbon b{font-size:19px;font-weight:400;margin:0 46px}.craft-ribbon:hover>div{animation-play-state:paused}
.section{padding-top:clamp(70px,9vw,135px);padding-bottom:clamp(70px,9vw,135px)}.section-heading h2{font-size:clamp(45px,5vw,76px)}.section-description{font-size:14px;opacity:.78}.eyebrow{opacity:.85}.intro-strip{background:#070605}.intro-strip p{font-size:31px}.intro-strip>span{opacity:.55}
.button{position:relative;overflow:hidden;transition:background .4s,transform .45s var(--couture-ease),box-shadow .4s!important}.button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#c9a75f22 50%,transparent 75%);transform:translateX(-110%);transition:transform .8s var(--couture-ease)}.button:hover:before{transform:translateX(110%)}.button:hover{box-shadow:0 7px 25px #c9a75f16!important;transform:translateY(-2px)}.button>span,.text-link>span{transition:transform .35s}.button:hover>span,.text-link:hover>span{transform:translate(3px,-3px)}
.occasion-panel:not([hidden]){animation:couture-enter .8s var(--couture-ease)}.occasion-symbol svg{stroke-dasharray:750;stroke-dashoffset:0;animation:couture-stitch 2s var(--couture-ease)}.occasion-tabs{position:relative}.occasion-tabs button{transition:background .5s,border-color .5s}.occasion-palette li{transition:transform .3s}.occasion-palette li:hover{transform:translateY(-5px)}.occasion-story>p:not(.eyebrow){opacity:.8}
.collection-grid{align-items:start}.look-photo{background:#15120c}.look-photo:after{content:'';position:absolute;inset:0;border:1px solid #c9a75f30;pointer-events:none}.look-card{animation:couture-enter .8s var(--couture-ease) both}.look-card:nth-child(2){animation-delay:.1s}.look-card:nth-child(3){animation-delay:.2s}.look-photo img{transition:transform 1.4s var(--couture-ease),filter 1s!important}.look-card:hover img{transform:scale(1.055);filter:saturate(1.05)}.look-label{background:#0009!important;backdrop-filter:blur(8px)}.heart{background:#0006!important;backdrop-filter:blur(8px);transition:transform .4s,background .4s}.heart:hover{transform:scale(1.1)}.look-meta{padding-top:22px}.look-meta p{opacity:.65}.concept-note{opacity:.65;line-height:1.8}.look-card[data-category=Barat]{padding-top:65px}.look-card[data-category=Walima]{padding-top:20px}
.craft{background:#070605}.craft-copy{padding-top:80px;padding-bottom:80px}.craft-photo img{will-change:transform}.craft-copy>p:not(.eyebrow),.craft-details p{opacity:.8}.craft-details summary{transition:padding .4s}.craft-details summary:hover{padding-left:9px}.craft-details details[open] p,.faq-list details[open] p{animation:couture-enter .45s var(--couture-ease)}
.atelier-story{background:radial-gradient(ellipse at 20% 60%,#1c170d 0,transparent 55%),#000}.atelier-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.atelier-visual{position:relative;aspect-ratio:3/4;max-width:460px;isolation:isolate;margin:20px}.atelier-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.atelier-outline{position:absolute;inset:-20px 20px 20px -20px;border:1px solid var(--line);z-index:-1}.atelier-caption{position:absolute;left:20px;bottom:20px;right:20px;font-size:8px;letter-spacing:1.8px;background:#0008;padding:10px;backdrop-filter:blur(6px)}.atelier-words h2{font-size:clamp(46px,5vw,76px);margin-bottom:35px}.atelier-words>p:not(.eyebrow){font-size:14px;line-height:1.95;opacity:.75;max-width:360px;margin-bottom:22px}.atelier-signature{font:italic 82px var(--serif);opacity:.7;margin-top:35px}.atelier-footnote{font-size:8px;letter-spacing:2px;opacity:.65}.atelier-words .text-link{margin-top:10px}
.steps{position:relative;border-top:1px solid var(--line);padding-top:38px}.steps:before{position:absolute;content:'';top:-1px;left:0;height:1px;background:var(--gold);width:100%;transform:scaleX(var(--journey-progress,0));transform-origin:left;transition:transform .4s ease}.steps article{transition:transform .6s var(--couture-ease)}.steps article:hover{transform:translateY(-8px)}.steps p{opacity:.7}.step-number{display:inline-block;font-size:11px;letter-spacing:2px}.quote p{font-size:clamp(30px,4.5vw,65px)}.quote{padding:20px 7% 120px;position:relative}.quote:before{content:'✧';display:block;margin-bottom:30px;font-size:30px;opacity:.55}.quote p i{font-weight:400}.consultation{background:radial-gradient(ellipse at 0 100%,#211a0e,transparent 70%),#090806;border-block:1px solid var(--line);padding-top:105px;padding-bottom:105px}.consultation h2{font-size:clamp(50px,5.5vw,78px)}.consultation input,.consultation select,.consultation textarea{background:transparent!important;transition:border-color .3s}.form-grid label>span{opacity:.55}.form-grid input::placeholder,.form-grid textarea::placeholder{opacity:.5!important}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-bottom-color:#e3c584;outline:none;box-shadow:0 2px 0 -1px #e3c584}.form-note{opacity:.65}.faq-list summary{line-height:1.7}.faq-list details p{opacity:.8}footer{background:#080706}.footer-brand img{mix-blend-mode:screen}.footer-nav a{position:relative;transition:opacity .3s}.footer-nav a:hover{opacity:.6}.footer-bottom{line-height:1.8;opacity:.7}
.floating-consult{position:fixed;bottom:24px;right:24px;background:#0e0c09d9;backdrop-filter:blur(18px);border:1px solid #c9a75f60;padding:13px 20px;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:1.4px;z-index:25;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .4s,transform .4s,visibility .4s}.floating-consult.on{opacity:1;visibility:visible;transform:none}.floating-star{font-size:23px}.floating-consult:hover{background:#201a10}.toast{bottom:85px}
.editorial-dialog{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;border:0;background:#070605}.editorial-dialog[open]{animation:couture-dialog .6s var(--couture-ease)}.editorial-close{position:absolute;right:32px;top:22px;z-index:5;font-size:10px;letter-spacing:2px;min-height:44px;background:#0009;padding:0 15px;border:1px solid var(--line)}.editorial-layout{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.editorial-frame{overflow:hidden;background:#15120b;height:100svh}.editorial-frame img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:opacity .3s,transform .9s var(--couture-ease)}.editorial-frame.barat img{object-position:77% center}.editorial-frame img.changing{opacity:.1;transform:scale(1.02)}.editorial-copy{align-self:center;padding:85px 12% 50px}.editorial-copy h2{font-size:clamp(50px,5vw,82px);margin-bottom:30px}.editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;opacity:.8}.editorial-spec{margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:11px;line-height:2}.editorial-copy .concept-note{font-size:10px!important;margin-top:20px}.editorial-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:40px}.editorial-controls button{width:50px;height:50px;border:1px solid var(--line);font-size:24px}.editorial-controls button:hover{background:#c9a75f20}.editorial-controls span{font-size:10px;letter-spacing:2px}
.motion-ready{opacity:0;transform:translateY(35px);transition:opacity 1.1s var(--couture-ease),transform 1.1s var(--couture-ease);transition-delay:var(--motion-delay,0ms)}.motion-ready.motion-visible,.motion-ready:focus-within{opacity:1;transform:none}
@keyframes couture-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes couture-image-arrive{from{opacity:0;scale:1.05}to{opacity:1;scale:1}}@keyframes couture-ribbon{to{transform:translateX(-50%)}}@keyframes couture-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes couture-stitch{from{stroke-dashoffset:750}to{stroke-dashoffset:0}}@keyframes couture-dialog{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1200px){.header.scrolled{height:78px}.hero-copy{max-width:630px}.hero{min-height:700px}.collection-grid{gap:40px}}
@media(max-width:1199px){.look-card[data-category=Barat]{padding-top:40px}.atelier-layout{gap:8%}.editorial-copy{padding:85px 8% 40px}.editorial-copy h2{font-size:55px}}
@media(max-width:767px){html{scroll-padding-top:95px}.hero-image{will-change:auto}.hero-grain{display:none}.hero-copy .button{margin-right:15px}.editorial-open{margin-top:10px;letter-spacing:1.4px}.hero h1{letter-spacing:-1.5px}.hero-copy{padding-bottom:42px}.hero-note{margin-top:18px}.intro-strip p{font-size:25px}.craft-ribbon{padding:13px 0}.craft-ribbon>div{font-size:8px;letter-spacing:2px}.craft-ribbon b{margin:0 25px}.look-card[data-category=Barat],.look-card[data-category=Walima]{padding-top:0}.craft-copy{padding-top:60px;padding-bottom:60px}.atelier-layout{grid-template-columns:1fr;gap:50px}.atelier-visual{margin:15px;max-width:none;aspect-ratio:4/5}.atelier-outline{inset:-15px 15px 15px -15px}.atelier-words h2{font-size:52px}.atelier-words>p:not(.eyebrow){max-width:500px}.atelier-signature{font-size:67px;margin-top:20px}.quote{padding-bottom:70px}.consultation{padding-top:70px;padding-bottom:70px}.steps:before{display:none}.steps article:hover{transform:none}.floating-consult{bottom:15px;right:15px;padding:9px 14px;font-size:7px;gap:12px}.floating-star{font-size:19px}.editorial-layout{grid-template-columns:1fr}.editorial-frame{height:62svh;min-height:350px}.editorial-copy{padding:40px 7%}.editorial-close{top:15px;right:15px}.editorial-copy h2{font-size:48px}.editorial-controls{margin-top:25px}.header nav.open{animation:couture-enter .4s var(--couture-ease);box-shadow:0 25px 50px #000a}.hero-description{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready{opacity:1;transform:none}.hero-image,.craft-photo img{transform:none!important;will-change:auto}.craft-ribbon>div{animation:none!important;white-space:normal;width:auto;line-height:2}.craft-ribbon b{margin:0 12px}.floating-consult{transform:none}}
.social-world{border-top:1px solid var(--line);background:radial-gradient(ellipse at 90% 80%,#191309,transparent 60%),#000}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.social-card{border:1px solid var(--line);padding:36px 28px;background:#080705;position:relative;transition:background .5s,transform .6s var(--couture-ease),border-color .5s}.social-card:hover{background:#171208;border-color:#c9a75f80;transform:translateY(-6px)}.social-icon{display:block;width:36px;height:36px;margin-bottom:35px}.social-icon svg{width:100%;height:100%}.etsy-icon{font:42px/.9 var(--serif)}.social-number{font-size:8px;letter-spacing:2px;opacity:.55}.social-card h3{font-size:36px;margin:12px 0;display:flex;justify-content:space-between;align-items:center}.social-card h3>span{font:24px var(--sans);transition:transform .4s}.social-card:hover h3>span{transform:translate(3px,-3px)}.social-card p{font-size:12px;opacity:.7;line-height:1.8;margin-bottom:30px;max-width:220px}.social-card small,.etsy-shop-button{font-size:10px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:16px;display:block;text-align:left;width:100%}.etsy-shop-button:disabled{cursor:default;opacity:.5}.social-preview-note{font-size:10px;opacity:.6;margin-top:22px}.footer-nav{flex-wrap:wrap;gap:18px 25px;justify-content:center}.header nav{gap:23px}
@media(max-width:1199px){.social-card{padding:28px 22px}.social-card h3{font-size:30px}}
@media(max-width:767px){.social-grid{grid-template-columns:1fr;gap:16px}.social-card{padding:28px}.social-icon{margin-bottom:22px}.social-card p{max-width:none;margin-bottom:24px}.social-card h3{font-size:34px}.footer-nav{justify-content:flex-start}.social-card:hover{transform:none}}
/* Photograph-led ceremony categories. */
.occasion-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;padding-top:48px;align-items:center}.occasion-photo{position:relative;width:100%;max-width:420px;justify-self:center;aspect-ratio:3/4;overflow:hidden;background:#16120c;border:1px solid var(--line)}.occasion-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s var(--couture-ease);animation:couture-image-arrive 1.1s var(--couture-ease)}#panel-barat .occasion-photo img{object-position:77% center}.occasion-photo:hover img{transform:scale(1.035)}.occasion-photo-caption{position:absolute;left:18px;right:18px;bottom:18px;font-size:8px;letter-spacing:2px;background:#0008;backdrop-filter:blur(5px);padding:12px 14px}.occasion-story h3{font-size:clamp(36px,3.5vw,52px)}
@media(max-width:1199px){.occasion-panel{grid-template-columns:1fr 1.2fr;gap:6%}.occasion-photo{aspect-ratio:3/4.2}}
@media(max-width:767px){.occasion-panel{grid-template-columns:1fr;gap:30px;padding-top:28px}.occasion-photo{display:block;width:100%;max-width:none;aspect-ratio:4/5}.occasion-story h3{font-size:38px}.occasion-photo-caption{font-size:7px}.occasion-photo:hover img{transform:none}}

#panel-nikkah .occasion-photo{aspect-ratio:2/3} #panel-nikkah .occasion-photo img{object-fit:contain}
