:root{--paper:#f4f1e9;--ink:#24221f;--muted:#736f68;--line:#d9d3c8;--accent:#514035}
body{background:var(--paper);color:var(--ink)}
.draft-banner{padding:10px 20px;background:#27332f;color:#fff;text-align:center;font:11px/1.5 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.draft-nav{max-width:1320px;margin:auto;padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.draft-nav .wordmark{font-family:var(--serif);font-size:25px;letter-spacing:-.04em}.draft-nav a:last-child{font:12px var(--sans);text-decoration:underline;text-underline-offset:5px}
.draft-shell{max-width:1320px;margin:auto;padding:0 5vw}.draft-hero{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;min-height:640px;padding:65px 0 70px;border-bottom:1px solid var(--line)}
.draft-hero h1{font-family:var(--serif);font-size:clamp(46px,5.5vw,86px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:20px 0 26px}.draft-hero h1 em{font-weight:400;color:#665249}.deck{max-width:580px;font:18px/1.7 var(--sans);color:#5e5a53}.byline{margin-top:32px;font:12px var(--sans);letter-spacing:.04em;color:var(--muted)}
.byline a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase}.hero-figure{margin:0}.hero-figure img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain}.hero-figure figcaption{margin-top:15px;font:12px/1.5 var(--sans);color:var(--muted)}.doxa-hero .hero-figure{background:#e8e5de;padding:28px}.doxa-hero .hero-figure img{height:540px}
.grooming-hero .hero-figure img{height:550px;object-fit:cover}.reading{width:min(100%,770px);margin:62px auto 100px;font:18px/1.85 var(--sans)}.reading>p,.reading section>p{margin:0 0 23px}.reading h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.19;font-size:clamp(32px,3.2vw,45px);margin:65px 0 22px}.reading h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:28px 0 10px}.reading a{text-decoration:underline;text-underline-offset:4px}.reading strong{font-weight:600}.reading blockquote{font-family:var(--serif);font-size:clamp(27px,3vw,39px);line-height:1.25;letter-spacing:-.02em;border-left:1px solid #ab856b;padding:5px 0 5px 28px;margin:45px 0;color:#504238}.reading ul{padding-left:22px}.reading li{margin:8px 0}.reading figure{margin:48px 0}.reading figure img{display:block;width:100%;height:auto}.reading figcaption{font:12px/1.6 var(--sans);color:var(--muted);margin-top:10px}
.wide-image{width:calc(100% + 200px);margin-left:-100px!important}.wide-image img{max-height:680px;object-fit:cover}.watch-detail{background:#ebe8e1;padding:10px}.watch-detail img{max-height:640px;object-fit:contain}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:calc(100% + 200px);margin-left:-100px;margin-top:32px}.color-grid figure{margin:0}.color-grid .image-wrap{background:#e9e5dc;padding:8px}.color-grid img{height:340px;object-fit:contain}.color-grid figcaption{font-size:12px}.color-grid b{display:block;font:20px var(--serif);color:var(--ink);margin-bottom:3px}.specs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin:35px 0 55px}.specs div{padding:14px 0;border-bottom:1px solid var(--line)}.specs dt{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.specs dd{margin:4px 0 0;font-size:16px}.routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0 42px}.routine-grid div{padding:20px;background:#ece8df}.routine-grid span{font:12px var(--sans);color:#84766a}.routine-grid h3{font-size:25px;margin:12px 0}.routine-grid p{font:14px/1.5 var(--sans);margin:0}.source-note{border-top:1px solid var(--line);padding-top:25px;margin-top:65px;font-size:13px;line-height:1.75;color:var(--muted)}.source-note h2{font:15px var(--sans);letter-spacing:0;margin:0 0 12px;color:var(--ink)}.draft-footer{border-top:1px solid var(--line);padding:30px 0 70px;font:12px var(--sans);color:var(--muted)}.draft-index{max-width:1050px;margin:80px auto;padding:0 5vw 100px}.draft-index h1{font:clamp(50px,7vw,92px)/1.05 var(--serif);letter-spacing:-.04em}.draft-index .intro{max-width:670px;font:18px/1.6 var(--sans)}.draft-index .links{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.draft-index .links > div > a{display:block;background:#e9e5dc;padding:35px}.draft-index .links p{margin:13px 0;font:12px var(--sans)}.draft-index .links p a{text-decoration:underline;text-underline-offset:4px}.draft-index .links span{display:block;font:11px var(--sans);letter-spacing:.13em;text-transform:uppercase}.draft-index .links strong{display:block;font:32px/1.1 var(--serif);font-weight:400;margin:22px 0}.draft-index .links small{font:13px var(--sans)}
@media(max-width:900px){.wide-image,.color-grid{width:100%;margin-left:0!important}.draft-hero{grid-template-columns:1fr;gap:35px;padding:35px 0;min-height:0}.draft-hero h1{font-size:clamp(40px,10vw,65px)}.doxa-hero .hero-figure img,.grooming-hero .hero-figure img{height:440px}.reading{margin-top:42px}.color-grid img{height:270px}}
@media(max-width:650px){.draft-nav{padding:18px 6vw}.draft-shell{padding:0 6vw}.draft-hero h1{font-size:44px}.deck,.reading{font-size:16px}.doxa-hero .hero-figure img,.grooming-hero .hero-figure img{height:360px}.color-grid{gap:8px}.color-grid img{height:180px}.color-grid b{font-size:16px}.routine-grid{grid-template-columns:1fr}.draft-index .links{grid-template-columns:1fr}.specs{grid-template-columns:1fr}}
/* The portfolio home hero uses an overlaid vertical caption; drafts need a standard editorial figure. */
.draft-hero .hero-figure{position:static;min-height:0;aspect-ratio:auto}
.draft-hero .hero-figure img{position:static}
.draft-hero .hero-figure figcaption{position:static;bottom:auto;left:auto;writing-mode:horizontal-tb;transform:none;text-shadow:none;color:var(--muted);letter-spacing:.06em}
.watch-detail{height:auto}
.watch-detail img{height:390px;max-height:none;object-fit:cover;object-position:50% 47%}
@media(max-width:650px){.watch-detail img{height:240px}}
.reading figure.watch-detail img{height:390px;width:100%;max-height:none;object-fit:cover;object-position:50% 47%}
@media(max-width:650px){.reading figure.watch-detail img{height:240px}}
.reading figure.wrist-closeup img{height:470px;max-height:none;object-fit:cover;object-position:50% 53%}
.doxa-hero .hero-figure{background:#e8e5de;padding:14px}
.doxa-hero .hero-figure img{height:540px;max-height:none;object-fit:cover;object-position:50% 66%}
.reading figure.watch-profile{background:#e8e5de;padding:16px}
.reading figure.watch-profile img{height:350px;max-height:none;object-fit:cover;object-position:50% 50%}
@media(max-width:650px){.doxa-hero .hero-figure img{height:390px}.reading figure.watch-profile img{height:230px}}
.personal-gallery{width:calc(100% + 200px);margin:32px 0 36px -100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.reading .personal-gallery figure{margin:0;min-width:0}
.reading .personal-gallery img{width:100%;height:390px;object-fit:cover}
.personal-gallery .suit img{object-position:50% 87%}
.personal-gallery .casual img{object-position:50% 72%}
.personal-gallery .portrait img{object-position:50% 47%}
@media(max-width:900px){.personal-gallery{width:100%;margin-left:0}.reading .personal-gallery img{height:330px}}
@media(max-width:650px){.reading figure.wrist-closeup img{height:250px}.personal-gallery{grid-template-columns:1fr 1fr;gap:12px}.reading .personal-gallery img{height:250px}.personal-gallery .portrait{grid-column:1/-1}.reading .personal-gallery .portrait img{height:350px}}
