:root{--ink:#24202a;--cream:#fbf7f0;--paper:#fff;--rose:#e8687b;--berry:#9e3553;--sage:#687b64;--line:#e9dfd7;--muted:#756d72;--yellow:#f4c95d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}.demo{height:25px;display:grid;place-items:center;background:var(--ink);color:white;font-size:9px;letter-spacing:.16em}.site-head{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:35px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font:700 26px "Playfair Display";color:var(--ink);text-decoration:none}.brand i{color:var(--rose);font-weight:400}.site-head nav{display:flex;gap:25px;margin-left:auto}.site-head nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}.switch{display:flex;padding:4px;background:#f3ede8;border-radius:10px}.switch button{border:0;background:none;padding:8px 12px;border-radius:7px;font:600 11px inherit;cursor:pointer}.switch button.active{background:white;box-shadow:0 3px 10px #31141d12}.view{display:none}.view.active{display:block}.kicker{color:var(--berry);font-size:10px;font-weight:800;letter-spacing:.18em}.hero{min-height:690px;padding:80px max(7vw,35px);display:grid;grid-template-columns:1.05fr .8fr;gap:8vw;align-items:center;background:radial-gradient(circle at 72% 30%,#f9d9d4 0 16%,transparent 17%),linear-gradient(135deg,#fffaf4,#f4e8e1)}h1,h2{font-family:"Playfair Display";letter-spacing:-.045em}.hero h1{font-size:clamp(65px,8vw,126px);line-height:.83;margin:25px 0}.hero h1 em,.review-section h2 em,.about h2 em,.work h2 em{color:var(--rose)}.hero-copy p{max-width:540px;font-size:18px;line-height:1.65;color:var(--muted)}.cta,.work a{display:inline-block;margin-top:20px;padding:14px 20px;border-radius:99px;background:var(--ink);color:white;text-decoration:none;font-weight:700;font-size:13px}.author-photo{position:relative;min-height:480px;padding:24px;display:flex;align-items:flex-end;border-radius:220px 220px 28px 28px;background:linear-gradient(145deg,#dca6a1,#f6dcca);box-shadow:0 28px 70px #5c30301f}.portrait-placeholder{width:100%;height:100%;min-height:410px;display:grid;place-content:center;text-align:center;border:1px dashed #ffffffa0;border-radius:inherit;color:#fff}.portrait-placeholder b{font:700 100px "Playfair Display"}.portrait-placeholder span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hello{position:absolute;right:-25px;bottom:36px;padding:18px 22px;background:white;box-shadow:0 14px 40px #572b351e;border-radius:15px;font:700 19px "Playfair Display"}.hello span{display:block;margin-top:5px;color:var(--muted);font:500 10px "DM Sans"}.trust{padding:20px 5vw;display:flex;justify-content:space-around;gap:20px;background:var(--berry);color:white;font-size:11px;font-weight:700;letter-spacing:.06em}.review-section{padding:100px max(7vw,30px)}.review-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.review-section h2,.about h2,.work h2{font-size:clamp(50px,6vw,82px);line-height:.92;margin:15px 0}.review-section>header p{max-width:400px;line-height:1.7;color:var(--muted)}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0}.category-row button{padding:10px 15px;border:1px solid var(--line);border-radius:99px;background:white;cursor:pointer}.category-row button.active{background:var(--ink);color:white}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:22px;cursor:pointer;transition:.25s}.review-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #45212d16}.review-cover{height:270px;background:#ead3cc center/cover;position:relative}.review-cover:after{content:"APRIL'S TAKE";position:absolute;left:15px;top:15px;padding:7px 9px;background:white;border-radius:7px;font-size:8px;font-weight:800;letter-spacing:.12em}.review-card-body{padding:22px}.review-card small{color:var(--berry);font-weight:800;text-transform:uppercase}.review-card h3{font:700 25px "Playfair Display";margin:8px 0}.review-card p{color:var(--muted);line-height:1.55;font-size:13px}.rating{color:#e4a817;letter-spacing:2px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.recommend{font-size:10px;font-weight:800;color:var(--sage)}.about{padding:100px max(8vw,35px);display:grid;grid-template-columns:.7fr 1fr;gap:8vw;align-items:center;background:#252129;color:white}.about-photo{height:530px;padding:20px;border-radius:28px 180px 28px 28px;background:#ba7180}.about p{font-size:17px;line-height:1.8;color:#d2c9cf}.about-points{display:grid;margin-top:30px}.about-points span{padding:15px 0;border-top:1px solid #ffffff24}.about-points b{color:var(--rose);margin-right:15px}.work{text-align:center;padding:110px 25px;background:#f3dfd8}.work p{color:var(--muted)}.studio.active{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 109px)}.studio aside{padding:35px 22px;background:white;border-right:1px solid var(--line)}.studio aside h2{font-size:34px;margin:8px 0 25px}.primary,.soft,.danger{border:0;border-radius:10px;padding:12px 15px;font-weight:700;cursor:pointer}.primary{background:var(--berry);color:white}.soft{background:#f2eae7}.danger{background:#fee7e7;color:#a32235}.studio aside .primary{width:100%}.studio aside nav{display:grid;gap:5px;margin-top:25px}.studio aside nav button{display:flex;justify-content:space-between;padding:11px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.studio aside nav button.active{background:#f4e9e7;color:var(--berry);font-weight:700}.note{margin-top:35px;padding:16px;border-radius:14px;background:var(--cream);font-size:12px}.note p{color:var(--muted);line-height:1.5}.workspace{padding:55px max(4vw,30px)}.workspace>header{display:flex;justify-content:space-between;align-items:flex-end}.workspace h1{font-size:60px;margin:10px 0}.workspace header p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats article{padding:18px;background:white;border:1px solid var(--line);border-radius:14px}.stats small,.stats strong{display:block}.stats small{color:var(--muted)}.stats strong{font:700 30px "Playfair Display";margin-top:8px}.tools{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:18px}.tools input,.tools select{padding:13px;border:1px solid var(--line);background:white;border-radius:10px;font:inherit}.studio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.studio-card{display:grid;grid-template-columns:120px 1fr;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.studio-thumb{background:#ead3cc center/cover}.studio-body{padding:18px}.studio-body h3{margin:6px 0;font:700 20px "Playfair Display"}.studio-body p{font-size:12px;color:var(--muted)}.studio-meta{display:flex;justify-content:space-between}.studio-body button{margin-top:12px;border:0;background:none;color:var(--berry);font-weight:700;cursor:pointer;padding:0}dialog{width:min(760px,94vw);max-height:90vh;padding:0;border:0;border-radius:22px;box-shadow:0 30px 100px #2a172a55}dialog::backdrop{background:#201820aa}dialog form>header{display:flex;justify-content:space-between;padding:25px;border-bottom:1px solid var(--line)}dialog h2{margin:5px 0}.close{border:0;background:none;font-size:30px;cursor:pointer}.form-grid{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit}.form-grid textarea{resize:vertical}dialog form>footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;padding:18px 25px;border-top:1px solid var(--line)}#detail-dialog{width:min(900px,94vw)}.detail-close{position:absolute;right:15px;top:10px;color:white;z-index:2}.detail-hero{min-height:350px;padding:50px;display:flex;align-items:flex-end;background:#a86c76 center/cover;color:white}.detail-hero h2{font-size:55px;margin:10px 0}.detail-body{padding:35px}.detail-score{display:flex;gap:25px;align-items:center;margin-bottom:25px}.detail-score strong{font:700 50px "Playfair Display"}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proscons div{padding:20px;border-radius:13px;background:var(--cream)}.empty{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed #d7c8c2;border-radius:18px;color:var(--muted)}@media(max-width:800px){.site-head{height:auto;min-height:75px;flex-wrap:wrap;padding:16px 20px}.site-head nav{display:none}.switch{margin-left:auto}.hero{grid-template-columns:1fr;padding:65px 25px}.author-photo{min-height:400px}.hello{right:10px}.trust{overflow:auto;justify-content:flex-start}.review-section>header{display:block}.review-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;padding:70px 25px}.studio.active{grid-template-columns:1fr}.studio aside{border:0}.studio aside nav{grid-template-columns:repeat(4,1fr);overflow:auto}.note{display:none}.workspace{padding:30px 18px}.workspace h1{font-size:42px}.stats{grid-template-columns:1fr 1fr}.studio-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.review-section{padding:70px 20px}.review-card{display:grid;grid-template-columns:120px 1fr}.review-cover{height:auto;min-height:240px}.proscons{grid-template-columns:1fr}}