:root{--paper:#faf7f1;--cream:#fffdf9;--ink:#292325;--wine:#4a1f2d;--berry:#a8556b;--faded:#8d7778;--border:#e7dbd5;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);background:#301c29}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b77a92;outline-offset:4px}.skip{position:absolute;left:-100vw;top:10px;background:white;padding:12px;z-index:9}.skip:focus{left:12px}.ambient{position:fixed;inset:0;background:linear-gradient(130deg,#321b28a8,#5a2e3e70 55%,#251d2890),url('assets/books-background.webp') center / cover no-repeat;transform:scale(1.03);z-index:-1}.site-shell{position:relative;width:min(1240px,calc(100% - 88px));margin:42px auto 65px;background:var(--paper);border-radius:23px;overflow:hidden;box-shadow:0 32px 110px #140d14a0,0 0 0 1px #ffffff60}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 5.2% 19px;background:#fbf7f1e8;border-bottom:1px solid #e7dcd5;min-height:106px}.brand{display:inline-flex;flex-direction:column;flex-shrink:0;width:max-content;color:var(--wine)}.brand-name{font-family:var(--serif);font-size:25px;letter-spacing:-1.8px;line-height:.88;font-weight:500}.brand-name>span{display:block}.brand-name>span:nth-child(2){margin-left:12px;position:relative}.brand-name i{font:normal 12px var(--sans);color:#c38281;position:absolute;right:-17px;top:4px}.brand-studio{margin-top:8px;font-size:8px;letter-spacing:2.5px;text-align:center;color:#88505a}.navigation{display:flex;align-items:center;gap:clamp(17px,2.7vw,38px);font-size:12px;font-weight:600;color:#53464c}.navigation a:hover,.header-link:hover,.editorial-link:hover{color:var(--berry)}.header-link{font-size:11px;letter-spacing:.01em;color:var(--wine);font-weight:700;white-space:nowrap}.header-link span{padding-left:6px}
.hero{display:grid;grid-template-columns:52% 48%;min-height:574px;overflow:hidden}.hero-content{position:relative;z-index:1;padding:79px 0 56px 10%;background:linear-gradient(90deg,#faf7f1 80%,#faf7f1ee);margin-right:-1px}.eyebrow,.section-kicker{color:#aa6773;font-size:10px;letter-spacing:2.35px;font-weight:700}.tiny-star{font-size:13px;margin-right:7px}.hero h1{font-family:var(--serif);color:var(--wine);font-weight:400;font-size:clamp(39px,4.1vw,65px);letter-spacing:-2.1px;line-height:1.22;margin:29px -86px 22px 0;position:relative;z-index:2}.hero h1 em,h2 em{font-weight:400;color:#b96d73}.hero-content>p{font-size:15px;line-height:1.95;color:#5b5052;max-width:414px;margin:0 0 27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:31px;padding:15px 22px;border-radius:12px;font-size:12px;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--wine);box-shadow:0 5px 15px #4a1f2d25}.button-primary:hover{background:#642e43}.hero-note{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;color:#9e8b86;margin-top:69px}.ornament{color:#bb7e83;font-size:22px}.hero-image{position:relative;min-height:574px;background:linear-gradient(90deg,#9a6d6559,#25172326),url('assets/books-background.webp') center / cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-image:before{position:absolute;content:"";inset:0;background:linear-gradient(90deg,#f3e4d7b2 0%,#e2bca83d 24%,#250e1a00 70%)}.hero-image:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(0deg,#1f1019ad,transparent)}.book-jacket{position:relative;z-index:1;width:220px;height:332px;transform:rotate(-7deg) translate(12px,18px);background:radial-gradient(circle at 70% 25%,#e8b4ae 0%,transparent 39%),linear-gradient(140deg,#604054,#2e2135 60%,#191923);border:8px solid #f4e8db;outline:1px solid #c8b4a1;box-shadow:22px 28px 32px #180d1790,-3px 0 3px #fff6;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;color:#f8eae0}.jacket-eyebrow{font-size:6px;letter-spacing:1.2px}.jacket-art{font-family:Georgia,serif;font-size:95px;line-height:1.35;color:#e1ab9d;font-style:italic}.jacket-title{font-family:var(--serif);font-size:28px;line-height:1.08}.jacket-title i{font-weight:400}.jacket-rule{width:48px;height:1px;background:#e7afaa;margin:22px}.jacket-bottom{font-size:8px;letter-spacing:2px}.hero-image-caption{position:absolute;z-index:2;bottom:32px;right:35px;text-align:right;color:#f7e7df;font:15px/1.5 var(--serif);text-shadow:0 1px 8px #2d1820}.hero-image-caption i{font-weight:400}
.running-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;padding:23px 15px;background:#f5eae5;border-bottom:1px solid #ebd9d3;border-top:1px solid #eeded7;color:#886e71;letter-spacing:2.2px;font-size:10px;font-weight:700}.running-line b{font-weight:400;font-size:20px;color:#c88d91}
.section-pad{padding:95px 8%}.approach{text-align:center}.section-kicker{text-align:inherit}.approach h2,.studio h2,.closing h2,.essay-copy h2{font-family:var(--serif);font-size:clamp(34px,3.6vw,51px);font-weight:400;letter-spacing:-1.3px;line-height:1.31;color:var(--wine);margin:20px 0}.section-intro{max-width:645px;margin:0 auto;color:#6d6160;font-size:14px;line-height:1.85}.editorial-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:61px;text-align:left}.editorial-steps>div{position:relative;border-top:1px solid #d9c9c2;padding-top:15px}.step-number{font:italic 13px var(--serif);color:#bc8386}.step-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#f0dad7;color:#873f54;font-size:27px;margin:26px 0 17px}.editorial-steps h3{font:500 18px var(--serif);color:var(--wine);margin:0 0 7px}.editorial-steps p{font-size:12px;line-height:1.75;color:#796a68;margin:0}
.photo-essay{display:grid;grid-template-columns:47% 53%;min-height:455px;background:#f3eae5}.essay-photo{background:linear-gradient(0deg,#33222d68,#24172324),url('assets/writer-photo.webp') center / cover no-repeat;min-height:455px}.essay-copy{position:relative;overflow:hidden;padding:69px 12% 55px;background:linear-gradient(135deg,#f5ece6,#fdf8f2)}.essay-copy h2{font-size:clamp(31px,3.2vw,44px);margin:23px 0}.essay-copy p{max-width:430px;font-size:14px;line-height:1.85;color:#6a5e5f}.editorial-link{display:inline-block;margin-top:13px;padding-bottom:7px;border-bottom:1px solid #a97980;color:#7c354c;font-size:12px;font-weight:700}.editorial-link span{margin-left:10px}.botanical{position:absolute;bottom:-79px;right:0;color:#d6b4aa90;font-size:260px;line-height:1;font-family:Georgia;pointer-events:none}
.studio{text-align:center;background:#fdf9f4}.studio h2{margin:23px 0 54px}.offerings{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;text-align:left}.offerings article{border-top:1px solid #d6c1bf;padding-top:16px}.offering-index{font:italic 20px var(--serif);color:#a66b75;display:flex;align-items:center;gap:16px}.offering-index span{height:1px;background:#e7d2cd;flex:1}.offerings h3{font:400 29px var(--serif);color:var(--wine);margin:29px 0 12px}.offerings p{font-size:13px;color:#716667;line-height:1.8;min-height:95px;margin:0}.offering-status{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#aa737e;display:block;margin-top:28px}
.closing{min-height:355px;position:relative;background:linear-gradient(90deg,#34212cdd,#3f2231a0),url('assets/coast-detail.webp') center 57% / cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;padding:70px 24px;color:#fff}.closing-content{position:relative;z-index:1;max-width:640px}.closing-decoration{font-size:32px;color:#efc0ad}.closing .section-kicker{color:#f5c7b6;margin-top:12px}.closing h2{color:#fff;font-size:clamp(40px,4vw,55px);margin:16px 0}.closing h2 em{color:#f1b8aa}.closing p{color:#f5e4df;line-height:1.85;font-size:14px;max-width:510px;margin:0 auto 27px}.soon{display:inline-block;border:1px solid #eec9bb8a;border-radius:50px;padding:12px 23px;letter-spacing:1.7px;font-size:10px;font-weight:700}.soon span{color:#e5afaf;margin:0 10px}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#faf7f1;padding:33px 6%;font-size:11px;color:#887779}.footer-brand .brand-name{font-size:19px}.footer-brand .brand-studio{font-size:6px;letter-spacing:1.7px}
@media(max-width:1000px){.site-shell{width:calc(100% - 36px);margin:18px auto 25px}.navigation{gap:15px}.hero-content{padding-left:8%;}.hero h1{font-size:clamp(38px,5.3vw,54px)}.hero-image{min-height:540px}.essay-copy{padding:60px 9%}.editorial-steps{gap:24px}}
@media(max-width:760px){.site-shell{width:100%;margin:0;border-radius:0}.site-header{padding:19px 6%;min-height:80px;flex-wrap:wrap;gap:15px}.brand-name{font-size:22px}.navigation{order:3;width:100%;justify-content:center;gap:26px;border-top:1px solid #eee1da;padding:12px 0 0}.header-link{font-size:10px}.hero{grid-template-columns:1fr}.hero-content{padding:60px 8% 48px}.hero h1{margin:25px 0;font-size:clamp(38px,8.4vw,57px);max-width:670px}.hero-content>p{max-width:570px}.hero-note{margin-top:40px}.hero-image{min-height:360px}.book-jacket{width:165px;height:255px;transform:rotate(-7deg)}.jacket-art{font-size:60px}.jacket-title{font-size:23px}.hero-image-caption{bottom:20px;right:20px}.running-line{gap:13px;font-size:8px}.section-pad{padding:72px 7%}.editorial-steps{grid-template-columns:repeat(2,1fr);row-gap:35px}.photo-essay{grid-template-columns:1fr}.essay-photo{min-height:290px}.essay-copy{padding:60px 8% 73px}.offerings{gap:20px}.footer{flex-wrap:wrap}.footer>span:last-child{width:100%}}
@media(max-width:480px){.site-header{justify-content:center}.header-link{display:none}.navigation{gap:19px;font-size:11px}.hero h1{font-size:39px;letter-spacing:-1.1px}.hero-content>p{font-size:14px}.running-line{gap:8px;letter-spacing:1.2px}.running-line b{font-size:13px}.section-pad{padding:59px 7%}.editorial-steps{gap:22px}.editorial-steps h3{font-size:16px}.editorial-steps p{font-size:11px}.step-icon{width:49px;height:49px}.offerings{grid-template-columns:1fr;gap:36px}.offerings p{min-height:0}.offering-status{margin-top:15px}.studio h2{margin-bottom:36px}.footer{flex-direction:column;text-align:center}.closing{min-height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
