:root{--ink:#17313c;--muted:#66777e;--cream:#f5f1e9;--paper:#fffdf8;--teal:#487d79;--sage:#b7c7b4;--line:#d9ded9;--rust:#b55d45;--shadow:0 22px 60px rgba(32,51,54,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,253,248,.93);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.13em}.brand small{display:block;font-size:8px;letter-spacing:.25em;color:var(--muted);margin-top:2px}.brand-mark{height:38px;width:38px;border:1px solid var(--ink);display:grid;place-items:center;font-family:Georgia,serif;font-size:13px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{position:relative}.site-header nav a:after{content:"";height:1px;width:0;background:var(--ink);position:absolute;left:0;bottom:-5px;transition:.25s}.site-header nav a:hover:after{width:100%}.ghost-button{background:transparent;border:1px solid var(--line);border-radius:99px;padding:9px 15px;color:var(--ink)}.hero{min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;padding:75px clamp(24px,7vw,110px) 65px;background:linear-gradient(115deg,var(--paper) 0 58%,#e9ece5 58%)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.25em;color:var(--teal);margin:0 0 15px}.hero h1,.section-heading h2,.order-promo h2,.dialog-title h2{font-family:"Iowan Old Style","Yu Mincho",serif;font-weight:500;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.18;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--teal);position:relative}.hero h1 em:after{content:"";height:9px;background:rgba(183,199,180,.55);position:absolute;left:0;right:0;bottom:5px;z-index:-1}.lead{font-size:16px;line-height:2;max-width:590px;color:#40545c}.hero-actions{display:flex;align-items:center;gap:24px;margin:35px 0 52px}.primary-button,.light-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:0;background:var(--ink);color:white;padding:16px 20px;min-width:205px}.text-button{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:6px 1px}.hero-stats{display:flex;margin:0;gap:45px}.hero-stats div{border-left:1px solid var(--line);padding-left:15px}.hero-stats dt{font-family:Georgia,serif;font-size:22px}.hero-stats dd{margin:3px 0 0;font-size:10px;letter-spacing:.08em;color:var(--muted)}.hero-visual{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.portrait-card{position:absolute;width:285px;height:400px;border:9px solid var(--paper);box-shadow:var(--shadow);background:#d8d4c8;overflow:hidden;transition:transform .4s}.portrait-card:before{content:"";position:absolute;width:125px;height:160px;border-radius:48% 48% 43% 43%;background:#d5a486;left:80px;top:93px;box-shadow:0 115px 0 37px #71847e}.portrait-card:after{content:"";position:absolute;left:51px;top:40px;width:182px;height:230px;background:#3f342e;border-radius:48% 48% 30% 30%;clip-path:polygon(18% 0,82% 0,100% 45%,87% 100%,73% 55%,55% 35%,38% 52%,20% 100%,0 43%)}.portrait-card[data-portrait="short"]:after{height:165px;clip-path:polygon(17% 0,82% 0,100% 48%,83% 90%,69% 55%,50% 39%,31% 55%,17% 90%,0 48%)}.portrait-card[data-portrait="bob"]:after{height:205px;border-radius:47% 47% 28% 28%}.front{transform:translate(80px,25px) rotate(3deg);z-index:3}.middle{transform:translate(-15px,-18px) rotate(-2deg);z-index:2;filter:saturate(.86)}.back{transform:translate(-112px,25px) rotate(-7deg);z-index:1;filter:saturate(.7)}.hero-visual:hover .front{transform:translate(110px,25px) rotate(4deg)}.hero-visual:hover .back{transform:translate(-145px,25px) rotate(-9deg)}.mini-label{position:absolute;right:10px;bottom:10px;z-index:5;background:rgba(255,255,255,.84);padding:7px 10px;font-size:8px;letter-spacing:.2em}.ai-note{position:absolute;bottom:2px;right:2px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.trust-strip{padding:23px 7vw;display:flex;align-items:center;justify-content:center;gap:34px;background:var(--ink);color:#e7eeea;font-size:11px;letter-spacing:.12em}.trust-strip i{width:55px;height:1px;background:#78918e}.catalog{padding:100px clamp(24px,7vw,110px) 130px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.order-promo h2,.dialog-title h2{font-size:clamp(32px,4vw,53px);margin:0}.section-heading>p{font-family:Georgia,serif;font-style:italic;color:var(--muted)}.filter-shell{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:42px}.filter-group{display:flex;align-items:center;gap:12px}.filter-group>span{font-size:10px;color:var(--muted);letter-spacing:.12em}.chips{display:flex;gap:6px}.chip{border:1px solid var(--line);background:white;border-radius:99px;padding:8px 13px;font-size:12px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.clear-button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:11px;text-decoration:underline}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 22px}.style-card{min-width:0}.card-image{height:390px;background:var(--cream);position:relative;overflow:hidden}.card-image:before{content:"";position:absolute;width:128px;height:168px;border-radius:48% 48% 43% 43%;background:var(--skin,#d6a182);left:50%;top:102px;transform:translateX(-50%);box-shadow:0 125px 0 70px var(--shirt,#899791)}.card-image:after{content:"";position:absolute;left:50%;top:48px;transform:translateX(-50%);width:205px;height:245px;background:var(--hair,#40352f);border-radius:49% 49% 31% 31%;clip-path:var(--hair-shape,polygon(17% 0,83% 0,100% 46%,88% 100%,73% 58%,50% 35%,28% 58%,12% 100%,0 46%))}.style-card[data-length="ショート"] .card-image:after{height:175px;--hair-shape:polygon(16% 0,82% 0,100% 45%,81% 91%,69% 57%,49% 37%,31% 56%,18% 91%,0 45%)}.style-card[data-length="ボブ"] .card-image:after{height:220px}.style-card[data-length="ロング"] .card-image:after{height:300px}.image-badge{position:absolute;top:13px;left:13px;z-index:3;background:rgba(255,253,248,.86);font-size:8px;letter-spacing:.14em;padding:7px 9px}.favorite-button{position:absolute;top:12px;right:12px;z-index:3;border:0;background:rgba(255,253,248,.88);height:35px;width:35px;border-radius:50%;font-size:18px}.favorite-button.active{background:var(--rust);color:white}.card-info{padding:18px 2px 0}.card-kicker{font-size:9px;letter-spacing:.16em;color:var(--teal)}.card-title-row{display:flex;justify-content:space-between;align-items:start;gap:10px}.card-title{font-family:"Yu Mincho",serif;font-size:22px;margin:7px 0}.card-id{font-size:9px;color:var(--muted);margin-top:12px}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;color:var(--muted);background:var(--cream);padding:5px 8px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.card-actions button{padding:11px;border:1px solid var(--line);background:white;font-size:12px}.card-actions .compare-add.active{background:var(--teal);color:white;border-color:var(--teal)}.empty-state{text-align:center;padding:80px;background:var(--cream)}.order-promo{background:var(--teal);color:white;text-align:center;padding:105px 24px}.order-promo .eyebrow{color:#d5e7df}.order-promo p:not(.eyebrow){line-height:1.9;opacity:.86}.order-promo .light-button{margin:28px auto 0;background:white;color:var(--ink)}.compare-tray{position:fixed;left:50%;bottom:20px;transform:translate(-50%,150%);width:min(760px,calc(100% - 30px));background:var(--ink);color:white;z-index:25;padding:13px 16px 13px 20px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;box-shadow:var(--shadow);transition:.35s}.compare-tray.show{transform:translate(-50%,0)}.compare-tray strong{font-size:12px}.compare-tray span{font-size:9px;color:#aebfbd;margin-left:10px}.compare-thumbs{display:flex;gap:7px}.compare-thumb{width:34px;height:34px;border-radius:50%;background:var(--sage);display:grid;place-items:center;font-size:10px}.compare-tray>button{border:0;background:white;color:var(--ink);padding:11px 18px}.compare-tray>button:disabled{opacity:.4}.detail-dialog,.compare-dialog,.favorite-dialog{width:min(1050px,calc(100% - 30px));max-height:90vh;border:0;padding:0;background:var(--paper);box-shadow:var(--shadow);color:var(--ink)}dialog::backdrop{background:rgba(15,31,37,.68);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:14px;z-index:5;border:0;background:white;border-radius:50%;height:38px;width:38px;font-size:23px}.detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;min-height:600px}.detail-image{min-height:620px;background:#e4e2da;position:relative;overflow:hidden}.detail-image:before{content:"";position:absolute;width:170px;height:220px;border-radius:48%;background:#d6a182;left:50%;top:155px;transform:translateX(-50%);box-shadow:0 155px 0 95px #84938d}.detail-image:after{content:"";position:absolute;width:260px;height:320px;background:#40352f;left:50%;top:78px;transform:translateX(-50%);border-radius:48% 48% 30% 30%;clip-path:polygon(17% 0,83% 0,100% 46%,88% 100%,73% 58%,50% 35%,28% 58%,12% 100%,0 46%)}.detail-copy{padding:55px 55px 45px;overflow:auto}.detail-copy h2{font-family:"Yu Mincho",serif;font-size:38px;margin:5px 0 12px}.detail-copy .description{line-height:1.9;color:var(--muted)}.spec-list{display:grid;grid-template-columns:1fr 1fr;margin:26px 0;border-top:1px solid var(--line)}.spec-list div{padding:13px 4px;border-bottom:1px solid var(--line)}.spec-list dt{font-size:9px;color:var(--muted)}.spec-list dd{margin:4px 0;font-size:13px}.copy-box{background:var(--cream);padding:17px;margin:13px 0}.copy-box label{font-size:10px;color:var(--teal);font-weight:700}.copy-box p{font-size:12px;line-height:1.7}.copy-box button,.detail-primary{border:0;background:var(--ink);color:white;padding:11px 15px;font-size:11px}.detail-primary{width:100%;padding:15px;margin-top:10px}.compare-wrap{padding:55px 40px 45px;overflow:auto}.compare-wrap h2{font-family:"Yu Mincho",serif;font-size:34px;margin:0 0 25px}.compare-table{display:grid;gap:1px;background:var(--line);min-width:680px}.compare-row{display:grid;grid-template-columns:130px repeat(var(--count),1fr);gap:1px}.compare-row>div{background:var(--paper);padding:14px}.compare-row.header>div:not(:first-child){background:var(--cream);font-family:"Yu Mincho",serif;font-size:18px}.compare-row.photos>.compare-photo{padding:0}.compare-photo img{display:block;width:100%;aspect-ratio:3/4;max-height:440px;object-fit:cover;object-position:center top;background:var(--cream)}.compare-label{font-size:10px;color:var(--muted)}.compare-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.compare-actions button{padding:13px 17px;border:1px solid var(--ink);background:white}.compare-actions .primary{background:var(--ink);color:white}.favorite-dialog{padding:50px}.style-grid.compact{grid-template-columns:repeat(3,1fr)}.style-grid.compact .card-image{height:230px}.style-grid.compact .card-actions{grid-template-columns:1fr}.toast{position:fixed;top:98px;left:50%;transform:translate(-50%,-30px);opacity:0;background:var(--ink);color:white;padding:11px 18px;font-size:12px;z-index:50;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.site-header nav a{display:none}.hero{grid-template-columns:1fr;padding-top:55px;background:var(--paper)}.hero-visual{height:460px;background:#e9ece5;margin:10px -24px -65px}.style-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.detail-image{min-height:430px}.compare-tray{grid-template-columns:1fr auto}.compare-thumbs{display:none}}@media(max-width:620px){.site-header{height:68px;padding:0 16px}.brand{font-size:12px}.brand-mark{height:34px;width:34px}.site-header nav{gap:8px}.hero{padding:48px 20px 55px}.hero h1{font-size:41px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{gap:18px}.hero-visual{height:390px;margin-left:-20px;margin-right:-20px}.portrait-card{width:205px;height:310px}.portrait-card:before{left:49px;top:73px;width:105px;height:135px}.portrait-card:after{left:26px;top:30px;width:151px;height:190px}.front{transform:translate(50px,18px) rotate(3deg)}.back{transform:translate(-70px,18px) rotate(-7deg)}.trust-strip{gap:8px;padding:20px 12px;font-size:8px}.trust-strip i{width:15px}.catalog{padding:75px 16px 110px}.section-heading{align-items:start}.section-heading>p{display:none}.filter-shell{display:block}.filter-group{align-items:flex-start;margin:14px 0}.filter-group>span{width:38px;padding-top:9px}.chips{flex-wrap:wrap}.clear-button{margin-top:8px}.style-grid{grid-template-columns:1fr;gap:35px}.card-image{height:430px}.detail-copy{padding:42px 22px 30px}.detail-copy h2{font-size:31px}.favorite-dialog{padding:45px 16px}.style-grid.compact{grid-template-columns:1fr}.compare-tray{bottom:8px}.compare-tray span{display:block;margin:3px 0 0}.compare-wrap{padding:55px 18px 30px}}
