:root{--cream:#f7f3ee;--ivory:#fdfaf5;--paper:#fffaf3;--espresso:#352921;--ink:#3f3028;--muted:#85766d;--blush:#e9c8c5;--pink:#c999a0;--sage:#8b947c;--sand:#e8dfd4;--line:#dfd5c9;--display:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(1280px,calc(100% - 88px));margin-inline:auto}.preview-note{height:33px;display:flex;align-items:center;justify-content:center;gap:13px;background:#362a26;color:#f0ddd6;font-size:9px;letter-spacing:.22em;font-weight:600}.preview-note-divider{opacity:.35}.preview-sparkle{font-size:11px;color:#dbb3b9}.site-header{position:relative;z-index:30;background:#faf7f2;border-bottom:1px solid #e9e1d9}.header-inner{height:89px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:inline-flex;flex-direction:column;align-items:center;width:max-content;line-height:1}.brand-name{font:500 43px/.85 var(--display);letter-spacing:-.075em}.brand-period{color:#c18f91}.brand-sub{font-size:8px;letter-spacing:.39em;margin-top:9px;padding-left:5px}.desktop-nav{display:flex;gap:38px;align-items:center;font-size:12px;color:#60554b;font-weight:600}.desktop-nav a,.footer a{transition:color .2s}.desktop-nav a:hover,.footer a:hover{color:#b67980}.header-actions{display:flex;gap:16px;align-items:center}.header-cta{font-size:12px;display:flex;align-items:center;gap:20px;padding:13px 18px;border:1px solid #74685e}.header-cta span{font-size:17px}.header-cta:hover{background:var(--espresso);color:white}.menu-button{display:none;background:none;border:0;width:35px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-button span{width:23px;height:1.5px;background:var(--espresso)}.mobile-nav{background:#faf7f2;padding:16px 30px 24px;border-top:1px solid var(--line)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:20px}.mobile-nav a{font-size:14px}
.hero{background:#f1ebe4;overflow:hidden}.hero-layout{min-height:655px;display:grid;grid-template-columns:45% 55%;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:62px 30px 64px 5px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:.23em;color:#978175;text-transform:uppercase}.tiny-diamond{width:6px;height:6px;background:#ca9da1;transform:rotate(45deg)}.eyebrow-line{width:26px;height:1px;background:#ad9788}.hero h1{font-family:var(--display);font-size:clamp(65px,6.35vw,109px);line-height:1.085;letter-spacing:-.059em;font-weight:400;color:#3b302b;margin:30px 0 28px}.hero h1 em,.section-heading h2 em,.custom-header h2 em,.craft-copy h2 em,.story-intro h2 em,.closing-cta h2 em{font-weight:400;color:#b38289}.hero-copy>p{max-width:440px;color:#776d64;line-height:1.85;font-size:14px;margin:0 0 31px}.hero-buttons{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.btn{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:2px;padding:17px 23px;font-weight:600;font-size:12px;letter-spacing:.015em;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px;font-weight:400}.btn-dark{background:#42322c;color:white}.btn-dark:hover{background:#62463c}.text-link{font-size:12px;border-bottom:1px solid #a58b7d;padding-bottom:7px;font-weight:600}.text-link span{margin-left:12px;font-size:16px}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:69px;color:#9a8b7e;font-size:11px}.hero-foot-flower{font-size:20px;color:#ba9593}.hero-visual{min-height:650px;position:relative;padding:42px 35px 42px 37px}.hero-image-bg{position:absolute;inset:42px 40px 42px 37px;background:linear-gradient(145deg,#bc9c8a,#80695b 52%,#c8ad9a)}.hero-photo{position:absolute;inset:42px 40px 42px 37px;width:calc(100% - 77px);height:calc(100% - 84px);object-fit:cover;object-position:50% 28%;filter:saturate(.75) contrast(1.02)}.hero-visual:after{content:'';position:absolute;inset:42px 40px 42px 37px;background:linear-gradient(0deg,rgba(39,27,25,.28),transparent 46%);pointer-events:none}.hero-image-tag{position:absolute;bottom:67px;left:64px;z-index:2;color:#fff;font-size:10px;letter-spacing:.23em}.hero-badge{position:absolute;z-index:3;background:#f7f2ec;border:1px solid #e6d8cc;right:-7px;bottom:72px;width:155px;height:155px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(9deg);box-shadow:0 8px 36px #4a34221b}.hero-badge>span:first-child{font-family:var(--display);font-style:italic;font-size:13px;color:#9f8580}.hero-badge strong{font:italic 22px/1.13 var(--display);font-weight:400;color:#5a433e}.badge-flower{font-size:14px;color:#b58d8f;padding-top:6px}.hero-side-word{position:absolute;right:9px;top:82px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#847066}.marquee{height:58px;display:flex;align-items:center;background:#dcc6c2;overflow:hidden;white-space:nowrap}.marquee-track{min-width:max-content;animation:drift 38s linear infinite;font-size:11px;font-weight:600;letter-spacing:.29em;color:#553e3c}.marquee-track span{color:#fff;margin:0 44px;font-size:16px}@keyframes drift{to{transform:translateX(-50%)}}
.section-pad{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-heading h2,.custom-header h2,.craft-copy h2,.story-intro h2,.closing-cta h2{font:400 clamp(38px,4.5vw,66px)/1.16 var(--display);letter-spacing:-.035em;margin:18px 0 0}.section-heading>p{max-width:305px;line-height:1.8;color:#85766d;font-size:13px;margin-bottom:5px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-card{display:block}.collection-img{height:410px;position:relative;overflow:hidden;background:#bba698}.collection-fallback-1{background:linear-gradient(120deg,#ae8c7d,#4e3b38)}.collection-fallback-2{background:linear-gradient(130deg,#c9b3a1,#84655c)}.collection-fallback-3{background:linear-gradient(120deg,#c4b6a3,#63524a)}.collection-img img{height:100%;width:100%;object-fit:cover;transition:transform .55s}.collection-card:hover img{transform:scale(1.035)}.collection-index{position:absolute;top:22px;left:20px;background:#f7f2eb;padding:8px 10px;font-size:10px;color:#55433a;letter-spacing:.1em}.collection-info{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.collection-info h3{font:400 24px var(--display);margin:0 0 7px}.collection-info span:not(.round-arrow){font-size:12px;color:#8f8177}.round-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #cfc3b6;display:grid;place-items:center;font-size:22px;transition:background .2s}.collection-card:hover .round-arrow{background:#e3d0ca}.image-disclaimer{font-size:10px;color:#9b8d80;margin-top:10px}
.custom-section{background:#3c302d;color:#f8eee7;padding:95px 0 110px;position:relative;overflow:hidden}.custom-section:before{content:'✳';position:absolute;right:-78px;top:-152px;font-size:490px;line-height:1;color:#ffffff08;pointer-events:none}.custom-header{text-align:center;position:relative;margin-bottom:43px}.eyebrow-light{justify-content:center;color:#d0ada8}.custom-header h2{font-size:clamp(42px,5.2vw,73px);margin:13px 0 14px}.custom-header h2 em{color:#d2a5a9}.custom-header>p{color:#c6b6ae;font-size:13px;line-height:1.8;max-width:500px;margin:auto}.builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);background:#f8f3ed;color:#40312b;border-radius:5px;overflow:hidden;box-shadow:0 30px 60px #170d0b3d}.builder-visual{background:#e9ddd0;min-height:645px;display:flex;flex-direction:column}.visual-head-top{height:51px;display:flex;align-items:center;gap:9px;padding:0 27px;font-size:9px;letter-spacing:.17em;font-weight:700;background:#e9ddd0}.live-dot{width:6px;height:6px;background:#87977c;border-radius:50%}.visual-not-3d{margin-left:auto;color:#967f73}.avatar-stage{flex:1;position:relative;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:radial-gradient(circle at 53% 34%,#f3e8dc 0,#e8d8c9 58%,#dfcab8 100%)}.avatar-stage:before{position:absolute;content:'';border:1px solid #c8b29e;width:470px;height:470px;border-radius:50%;top:45px;left:calc(50% - 235px);opacity:.38}.avatar-stage svg{position:relative;height:100%;width:min(100%,510px);min-height:530px;z-index:1;filter:drop-shadow(0 11px 10px #3d211c14)}.stage-label{position:absolute;bottom:16px;font-size:8px;letter-spacing:.15em;z-index:4;color:#8a7165;background:#e9ddd0bf;padding:6px 9px}.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:21px 27px;background:#eee5dc;min-height:87px}.preview-bottom>div{display:flex;flex-direction:column;gap:7px}.preview-label{font-size:9px;letter-spacing:.18em;color:#977e70}.preview-bottom strong{font:400 19px var(--display)}.preview-flower{font-size:25px;color:#b78c90}.builder-controls{padding:37px 39px 29px}.builder-controls-top{display:flex;justify-content:space-between;color:#ae9689;font-size:10px;letter-spacing:.12em;padding-bottom:22px;border-bottom:1px solid #e6dbcf}.builder-controls-top .eyebrow{font-size:9px}.builder-control{padding:21px 0 25px;border-bottom:1px solid #e6dbcf}.control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px;font-weight:600;font-size:13px}.control-label b{font-size:11px;color:#bd9694;font-weight:700;margin-right:10px}.choice-hint{font-size:11px;color:#917d72;font-weight:500}.texture-options{display:flex;flex-wrap:wrap;gap:9px}.chip{background:transparent;border:1px solid #d5c7bb;border-radius:3px;color:#67594f;padding:12px 15px;font-size:11px;min-width:82px;transition:background .2s,color .2s,border-color .2s}.chip:hover{border-color:#8d7369}.chip.active{background:#4f3c34;color:white;border-color:#4f3c34}.length-slider{width:100%;accent-color:#aa8082;cursor:pointer;margin:9px 0 5px}.slider-labels{display:flex;justify-content:space-between;color:#aa978a;font-size:9px;letter-spacing:.1em}.color-options{display:flex;align-items:center;gap:13px}.color-swatch{height:31px;width:31px;border:3px solid #f8f3ed;background:var(--swatch);border-radius:50%;box-shadow:0 0 0 1px #d7c9be;transition:transform .2s,box-shadow .2s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{box-shadow:0 0 0 2px #60483d;transform:scale(1.04)}.builder-summary{padding-top:23px}.builder-summary>div{display:flex;flex-direction:column;gap:8px}.builder-summary>div span{font-size:9px;color:#a78c7d;font-weight:600;letter-spacing:.16em}.builder-summary>div strong{font:400 17px var(--display)}.builder-save{margin-top:20px;width:100%;justify-content:space-between;border:0}.builder-summary>p{color:#9f8e81;font-size:10px;line-height:1.6;margin:12px 0 0}
.craft-banner{background:#f0e8de}.craft-layout{display:grid;grid-template-columns:47% 53%;align-items:stretch}.craft-visual{height:630px;position:relative;background:linear-gradient(135deg,#baa090,#8c7263)}.craft-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.65)}.craft-floating{position:absolute;bottom:45px;left:34px;padding:17px 20px;color:#44352f;background:#f8f2ebed;font-size:10px;letter-spacing:.16em;line-height:1.9}.craft-floating em{font:italic 18px var(--display);letter-spacing:0}.craft-copy{padding:85px 30px 70px 100px}.craft-copy h2{font-size:clamp(43px,4.2vw,61px);max-width:500px}.craft-copy>p{font-size:13px;color:#806f65;line-height:1.95;max-width:440px;margin:24px 0 38px}.service-item{display:flex;align-items:start;gap:24px;border-top:1px solid #d9c9bb;padding:19px 0}.service-item>span:first-child{font:italic 17px var(--display);color:#bf9a97;padding-top:5px}.service-item>div{flex:1}.service-item h3{font:400 21px var(--display);margin:0 0 6px}.service-item p{color:#988577;font-size:12px;margin:0}.service-icon{font-size:22px;color:#af9488}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-intro h2{font-size:clamp(46px,4.8vw,72px)}.story-intro p{max-width:470px;line-height:2;color:#817266;font-size:14px;margin:27px 0}.story-note{font-size:10px;color:#a58a7f;letter-spacing:.035em}.story-logo-panel{min-height:445px;background:#f0e5d9;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.story-logo-panel img{width:min(340px,85%);height:360px;object-fit:contain}.story-logo-panel span{font-size:9px;letter-spacing:.23em;color:#9f8878;margin-top:2px}.closing-cta{background:#b88c90;color:#fff8f3;text-align:center;padding:95px 20px 104px}.closing-flower{font-size:30px;opacity:.8;margin-bottom:16px}.closing-cta .eyebrow{justify-content:center;color:#f8e2df}.closing-cta h2{font-size:clamp(43px,5.5vw,79px);margin:17px 0}.closing-cta h2 em{color:#f4d4d2}.closing-cta p{font-size:13px;color:#faebe7;margin:0 auto 28px}.btn-light{background:#fff5ef;color:#573b38}.btn-light:hover{background:#fff}.footer{background:#302724;color:#e7dcd4}.footer-main{display:grid;grid-template-columns:2.1fr 1fr 1fr 1.35fr;padding-block:64px;gap:38px}.footer-brand .brand-name{font-size:50px;color:#f7eee8}.footer-brand .brand-sub{color:#ccb9ab}.footer-main p{color:#a9988d;line-height:1.9;font-size:12px;margin-top:22px}.footer-main>div:nth-child(2),.footer-main>div:nth-child(3){display:flex;flex-direction:column;gap:15px}.footer-title{letter-spacing:.2em;font-size:10px;color:#d6adae;font-weight:700;margin-bottom:6px}.footer-main a:not(.brand){color:#c7b8ad;font-size:12px}.footer-quote{font:italic 42px/1.27 var(--display);text-align:right;color:#bca7a0}.footer-quote em{color:#e1bec1}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 0 22px;border-top:1px solid #55433b;font-size:10px;color:#a9978b}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#352921;color:#fff8f0;padding:14px 22px;font-size:12px;box-shadow:0 8px 35px #0002;max-width:calc(100% - 30px)}[hidden]{display:none!important}.reveal{transition:opacity .7s,transform .7s}.reveal:not(.in-view){opacity:.9;transform:translateY(10px)}
@media(max-width:1100px){.shell{width:min(100% - 56px,1280px)}.desktop-nav{gap:19px}.hero h1{font-size:clamp(61px,7.2vw,85px)}.hero-badge{right:0}.craft-copy{padding-left:60px}.collection-img{height:350px}.builder-controls{padding:32px 26px}}
@media(max-width:820px){.shell{width:calc(100% - 40px)}.desktop-nav,.header-cta{display:none}.menu-button{display:flex}.header-inner{height:76px}.brand-name{font-size:39px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:63px 5px 49px}.hero h1{font-size:clamp(60px,9vw,87px);margin:22px 0}.hero-foot{margin-top:45px}.hero-visual{min-height:560px;padding:0 24px 42px 0}.hero-image-bg,.hero-photo{inset:0 22px 42px 0;width:calc(100% - 22px);height:calc(100% - 42px)}.hero-visual:after{inset:0 22px 42px 0}.hero-image-tag{left:24px;bottom:68px}.hero-badge{right:0;bottom:1px;width:140px;height:140px}.hero-side-word{right:2px;top:35px}.collection-grid{gap:12px}.collection-img{height:300px}.collection-info h3{font-size:20px}.builder{grid-template-columns:1fr}.builder-visual{min-height:580px}.avatar-stage svg{max-height:510px}.builder-controls{padding:35px 36px}.craft-layout{grid-template-columns:1fr 1fr}.craft-visual{height:auto;min-height:575px}.craft-copy{padding:60px 10px 60px 34px}.craft-copy h2{font-size:45px}.story-section{gap:28px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-quote{display:none}}
@media(max-width:590px){.preview-note{font-size:7px;gap:8px;letter-spacing:.12em}.header-inner{height:71px}.hero-copy{padding:52px 0 41px}.hero h1{font-size:clamp(55px,13vw,75px);line-height:1.07}.hero-copy>p{font-size:13px}.hero-foot{margin-top:45px}.hero-visual{min-height:460px}.hero-photo{object-position:50% 36%}.hero-badge{width:116px;height:116px;right:-5px;bottom:10px}.hero-badge strong{font-size:18px}.hero-badge>span:first-child{font-size:11px}.hero-side-word{display:none}.hero-image-tag{font-size:8px;bottom:61px}.section-pad{padding-block:70px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin:17px 0 0;font-size:12px}.section-heading h2{font-size:43px}.collection-grid{grid-template-columns:1fr;gap:22px}.collection-img{height:420px}.collection-info{padding:12px 0}.collection-info h3{font-size:25px}.custom-section{padding:68px 0 74px}.custom-header h2{font-size:45px}.custom-header>p{font-size:12px}.builder-visual{min-height:490px}.visual-head-top{height:43px;font-size:8px;padding:0 14px}.avatar-stage svg{min-height:390px;max-height:450px}.avatar-stage:before{width:310px;height:310px;left:calc(50% - 155px);top:50px}.stage-label{font-size:7px}.preview-bottom{padding:15px 17px;min-height:73px}.preview-bottom strong{font-size:17px}.builder-controls{padding:25px 21px}.builder-control{padding:19px 0}.control-label{font-size:12px}.choice-hint{font-size:10px}.chip{padding:11px 10px;min-width:74px;font-size:10px}.craft-layout{display:block}.craft-visual{height:450px;min-height:0}.craft-copy{padding:65px 5px 70px}.craft-copy h2{font-size:49px}.story-section{grid-template-columns:1fr;gap:39px}.story-intro h2{font-size:53px}.story-logo-panel{min-height:340px}.story-logo-panel img{height:280px}.closing-cta{padding:73px 15px 82px}.closing-cta h2{font-size:45px}.footer-main{grid-template-columns:1fr 1fr;gap:45px 20px;padding-block:56px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;align-items:flex-start;gap:7px}.marquee-track{font-size:9px}.marquee{height:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Graceful editorial placeholders when the temporary online photographs cannot load. */
.hero-image-bg:after{content:'lilies.';font:italic 90px/1 var(--display);letter-spacing:-.07em;color:#f0e0d566;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}
.collection-img:after{content:'LILIES  ✳  HAIR STUDIO';position:absolute;left:20px;bottom:24px;font:400 12px var(--display);letter-spacing:.18em;color:#fbe9dd90;z-index:0}

/* Lilies navbar flower logo */
.site-header .brand {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.site-header .brand-icon {
    width: 55px;
    height: 55px;
    object-fit: contain;
    flex-shrink: 0;
}

.site-header .brand-copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

@media (max-width: 590px) {
    .site-header .brand {
        gap: 7px;
    }

    .site-header .brand-icon {
        width: 42px;
        height: 42px;
    }

    .site-header .brand-copy .brand-name {
        font-size: 35px;
    }
}