/* Cartier Tank editorial page styling, ready to use directly on the article page. */
:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#8a4538}button,summary{cursor:pointer}a:focus-visible,summary:focus-visible{outline:2px solid #8a4538;outline-offset:6px}
.editorial-header{display:flex;justify-content:space-between;align-items:center;padding:32px 5vw;gap:20px}.editorial-brand{font-family:Georgia,'Times New Roman',serif;font-size:23px;text-decoration:none}.editorial-header small{font-size:10px;letter-spacing:.17em;text-transform:uppercase}.editorial-header>a:last-child{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.ab-wrap{max-width:1600px;margin:auto;padding:0 7vw}.ab-hero{text-align:center;padding:90px 0 40px}.ab-hero-overlay{display:none}.ab-kicker,.ab-local-kicker{display:block;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;margin-bottom:28px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13;text-wrap:balance}h1{font-size:clamp(44px,7vw,100px);letter-spacing:-.045em;margin:0 auto 45px;max-width:950px}h1 em{font-weight:400}h2{font-size:clamp(32px,4.2vw,58px);letter-spacing:-.025em;margin:0 0 32px}h3{font-size:27px;margin:40px 0 20px}
p,li{font-size:15px;line-height:1.85}p{margin:0 0 24px}strong{font-weight:600}small{font-size:11px;line-height:1.7}img{display:block;max-width:100%;height:auto}.ab-hero p{max-width:670px;margin:0 auto 22px;font-size:17px}.ab-hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 30px;margin:38px 0 0}.ab-btn{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #999;padding:0 0 8px;line-height:1.7}
.ab-panel,.ab-local-contrast{padding:105px 0;scroll-margin-top:35px}.ab-section-head{text-align:center;max-width:830px;margin:0 auto 60px}.ab-panel>p,.ab-panel>h3,.ab-local-contrast>p{max-width:690px;margin-left:auto;margin-right:auto}.ab-local-contrast{text-align:center;max-width:900px;margin:auto}.ab-local-contrast p{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.6}.ab-panel-why{background:transparent}.ab-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;max-width:1150px;margin:auto}.ab-split-grid>div:first-child img{width:100%;max-height:690px;object-fit:contain}.ab-split-grid>div:first-child>p{text-align:center;margin:22px auto 0;max-width:450px}.ab-split-grid>div:first-child>p a{text-decoration:none}.ab-split-grid .ab-hero-buttons{justify-content:flex-start}.ab-split-grid h3{margin-top:0}.ab-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;max-width:1100px;margin:0 auto 45px}.ab-highlight-card{border-top:1px solid #bcb7b2;padding-top:16px}.ab-highlight-card h3{margin-top:12px;font-size:26px}
.opening-portrait{margin:15px auto 70px;max-width:350px}.opening-portrait img{width:100%;max-height:470px;object-fit:contain}.opening-portrait figcaption{margin-top:20px;font-size:10px;letter-spacing:.05em;line-height:1.8}.opening-portrait a{text-decoration:none}.ab-cta{padding:100px 20px 110px;text-align:center;border-top:1px solid #dedbd7;margin-top:50px}.ab-cta p{max-width:690px;margin-left:auto;margin-right:auto}.ab-wrap>p:last-child{max-width:740px;margin:0 auto 60px;text-align:center;color:#5d5d5d}
#tank-faqs{max-width:850px;margin:auto}details{border-bottom:1px solid #d8d4cf;padding:24px 0}summary{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.35;list-style:none;padding-right:30px;position:relative}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{padding-top:22px;margin-bottom:0}summary::-webkit-details-marker{display:none}
.chapter-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 32px;padding:25px 10px;border-bottom:1px solid #ddd8d2;border-top:1px solid #ddd8d2;margin:40px auto 0;max-width:900px}.chapter-nav a{font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#7e342b;z-index:20}.back-top{display:block;text-align:center;padding:0 0 35px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
@media(min-width:900px){#auction-results .ab-split-grid>div:first-child{order:2}#auction-results .ab-split-grid>div:last-child{order:1}}
@media(max-width:700px){.editorial-header{padding:24px}.editorial-brand{font-size:19px}.editorial-header small{display:none}.ab-wrap{padding:0 25px}.ab-hero{padding-top:55px}.ab-hero p{font-size:16px}.ab-panel,.ab-local-contrast{padding:65px 0}.ab-split-grid{grid-template-columns:1fr;gap:42px}.ab-split-grid>div:first-child img{max-height:520px;width:auto;margin:auto}.ab-highlight-grid{grid-template-columns:1fr;gap:20px}.ab-section-head{margin-bottom:38px}.opening-portrait{max-width:270px;margin-bottom:45px}.ab-local-contrast p{font-size:21px}.ab-cta{padding:65px 0}.chapter-nav{gap:18px}.ab-hero-buttons{gap:20px}.ab-split-grid .ab-hero-buttons{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.ab-hero{padding-top:75px}.ab-hero h1{font-size:clamp(48px,7.4vw,108px);line-height:1.01;letter-spacing:-.055em;margin-bottom:65px}.ab-hero h1 em{font-size:.7em}.opening-portrait{max-width:360px;margin-bottom:85px}.opening-portrait img{max-height:510px}.ab-hero-inner>p:first-of-type{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.5vw,32px);line-height:1.5;max-width:820px}.archive-date{text-align:center;padding:60px 15px}.archive-date span{font-size:10px;letter-spacing:.18em;line-height:2;text-transform:uppercase}.archive-date p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(90px,12vw,175px);line-height:1.2;letter-spacing:-.07em;margin:20px 0 32px}.ab-local-contrast{padding-top:120px;padding-bottom:120px}.ab-local-contrast h2{font-style:italic}#auction-results,#cartier-tank-for-sale{border-top:1px solid #e6e2de}#evolution-heading{max-width:650px;margin-left:auto;margin-right:auto}.editorial-header{border-bottom:1px solid #eeeae6}.ab-panel>h3{padding-top:20px}.ab-split-grid>div:first-child img{max-height:740px}.ab-cta h2{max-width:770px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.ab-hero{padding-top:45px}.ab-hero h1{margin-bottom:40px}.opening-portrait{max-width:260px;margin-bottom:50px}.archive-date{padding:10px}.archive-date p{font-size:110px}.ab-local-contrast{padding-top:70px;padding-bottom:70px}.ab-hero-inner>p:first-of-type{font-size:23px}.editorial-header{padding:22px 25px}}
/* Immersive journal layout and interactions. */
.editorial-header{position:absolute;inset:0 0 auto;z-index:5;border:0;padding:32px 4.5vw}.editorial-brand{font-style:italic;font-size:24px}.editorial-brand small{font-style:normal}.menu-toggle{border:0;background:transparent;width:34px;height:34px;display:grid;align-content:center;gap:7px;padding:5px}.menu-toggle span{height:1px;background:#171717;width:24px}.ab-hero{padding-top:155px}.ab-hero h1{font-size:clamp(46px,6.6vw,92px);font-weight:400;margin-bottom:90px}.ab-kicker{letter-spacing:.08em;margin-bottom:45px}.opening-portrait{position:relative;max-width:370px;margin-bottom:105px}.opening-portrait:after{content:'';position:absolute;right:0;top:0;border-top:17px solid #fff;border-left:17px solid #a73043;pointer-events:none}.opening-portrait img{max-height:550px}.ab-hero-inner>p:first-of-type{font-size:clamp(25px,3.1vw,39px);line-height:1.5;max-width:820px}.ab-hero-inner>p:last-of-type{max-width:570px;font-size:14px}.chapter-nav{display:none}.ab-panel{padding-top:125px;padding-bottom:125px}.ab-section-head{margin-bottom:65px}.ab-section-head h2{max-width:700px;margin-left:auto;margin-right:auto}.ab-split-grid{gap:12%;max-width:1080px}.ab-split-grid h3{font-size:32px}.ab-split-grid>div:first-child img{max-height:750px}.ab-panel>p,.ab-panel>h3{max-width:600px}.ab-panel>p{font-size:14px;line-height:1.9}.archive-date p{font-size:clamp(100px,14vw,180px)}.ab-local-contrast{max-width:800px;padding:135px 0}.ab-local-contrast p{font-size:26px}.side-home{position:fixed;left:16px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;z-index:6}.image-rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:grid;gap:6px;z-index:6}.image-rail a{width:42px;height:60px;border:1px solid transparent;padding:2px;position:relative;background:#fff}.image-rail img{width:100%;height:100%;object-fit:cover}.image-rail span{position:absolute;inset:auto 0 0;text-align:center;font-size:8px;background:#ffffffde;padding:2px}.image-rail a[aria-current="location"]{border-color:#181818}.chapter-dialog{border:0;max-width:none;width:100%;height:100%;max-height:none;margin:0;padding:12vh 12vw;background:#faf9f6;color:#171717}.chapter-dialog::backdrop{background:#fff}.chapter-dialog nav{display:grid;gap:22px;max-width:900px}.chapter-dialog nav a{font-family:Georgia,serif;font-size:clamp(25px,4vw,54px);text-decoration:none;line-height:1.2}.menu-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:50px}.dialog-close{position:absolute;right:5vw;top:25px;font-size:40px;font-weight:200;border:0;background:none}.read-more{display:block;border:0;background:none;padding:15px 0;margin:25px auto 0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #777}.read-more:after{content:' +';padding-left:10px}.read-more[aria-expanded="true"]:after{content:' −'}.readmore-content[hidden]{display:none}.readmore-content{max-width:600px;margin:auto}.readmore-content h3{font-size:29px}.readmore-content p{font-size:14px;line-height:1.9}.reveal-ready{opacity:.1;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal-ready.is-visible{opacity:1;transform:none}button:focus-visible{outline:2px solid #8a4538;outline-offset:5px}
@media(max-width:700px){.editorial-header{padding:25px}.editorial-brand{font-size:20px}.ab-hero{padding-top:115px}.ab-hero h1{margin-bottom:55px}.opening-portrait{max-width:280px;margin-bottom:65px}.side-home,.image-rail{display:none}.ab-panel{padding:75px 0}.ab-local-contrast{padding:85px 0}.ab-local-contrast p{font-size:23px}.ab-split-grid{gap:45px}.chapter-dialog{padding:110px 30px}.chapter-dialog nav{gap:25px}.ab-kicker{font-size:9px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}}

/* Scroll-driven photograph windows: captions and links remain outside the crop. */
.ab-wrap a.parallax-photo{display:block;position:relative;overflow:hidden;isolation:isolate;aspect-ratio:3/4;width:100%;background:#fff;clip-path:inset(var(--photo-inset,0%) 0);}
.ab-wrap a.parallax-photo>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;transform:translate3d(0,var(--photo-y,0%),0) scale(var(--photo-scale,1));transform-origin:50% 50%;will-change:transform;}
.ab-wrap a.parallax-photo:focus-visible{clip-path:none;outline-offset:4px;}
.ab-wrap a.parallax-photo:focus-visible>img{transform:none;}
@media(prefers-reduced-motion:reduce){.ab-wrap a.parallax-photo{clip-path:none}.ab-wrap a.parallax-photo>img{transform:none;will-change:auto}}

.editorial-header .menu-toggle{margin-left:auto}

/* Full-height embed follows the host viewport without creating an inner scroll area. */
html.seamless-embed{overflow:hidden;scroll-behavior:auto}
.seamless-embed .image-rail{position:absolute;top:calc(var(--host-top,0px) + var(--host-height,800px)/2)}
.seamless-embed .side-home{position:absolute;top:calc(var(--host-top,0px) + var(--host-height,800px)/2)}
.seamless-embed .reading-progress{position:absolute;top:var(--host-top,0px)}
.seamless-embed .chapter-dialog{position:absolute;top:var(--host-top,0px);height:var(--host-height,800px);max-height:var(--host-height,800px);padding-top:65px;overflow:auto}

/* Hutchinson Scott house palette: gold, charcoal and warm ivory. */
:root{--hs-gold:#d8bf7a;--hs-charcoal:#2a2a26;--hs-ivory:#f6f1e5;--hs-ink:#1f2933;--hs-gold-ink:#79622e;color:var(--hs-ink)}
h1,h2,h3{color:var(--hs-charcoal)}
.ab-hero h1 em{color:var(--hs-gold-ink)}
.ab-kicker,.ab-local-kicker{color:var(--hs-gold-ink)}
.ab-hero .ab-kicker{display:inline-block;background:var(--hs-ivory);border-top:1px solid var(--hs-gold);border-bottom:1px solid var(--hs-gold);padding:11px 20px}
.opening-portrait:after{border-left-color:var(--hs-gold)}
.opening-portrait figcaption{color:var(--hs-gold-ink)}
.reading-progress{background:var(--hs-gold)}
.ab-panel-why{background:linear-gradient(145deg,#fbf9f4,var(--hs-ivory));padding-left:5%;padding-right:5%;border-top:1px solid #e5d6b1;border-bottom:1px solid #e5d6b1}
.ab-section-head .ab-local-kicker:after{content:'';display:block;width:44px;height:2px;background:var(--hs-gold);margin:18px auto 0}
.archive-date p{color:var(--hs-gold-ink)}
.ab-local-contrast{background:var(--hs-charcoal);padding:85px 65px;margin:85px auto;border-top:4px solid var(--hs-gold)}
.ab-local-contrast h2,.ab-local-contrast p{color:#faf7ef}
.ab-local-contrast .ab-local-kicker{color:var(--hs-gold)}
.ab-highlight-card{border-top:2px solid var(--hs-gold)}
.ab-btn{padding:13px 19px;border:1px solid #c5ad6d;background:var(--hs-gold);color:#222;text-decoration:none}
.ab-btn:hover{background:#e3cd93;color:#222}
.ab-btn-light{background:#fff;border-color:#c9c2b4;color:var(--hs-charcoal)}
.ab-btn-outline{background:transparent;border-color:#8b7850;color:var(--hs-charcoal)}
.ab-cta{background:linear-gradient(135deg,#f7f3ea,#eee5d3);padding-left:45px;padding-right:45px;border-top:3px solid var(--hs-gold)}
.ab-cta .ab-btn-gold{background:var(--hs-charcoal);border-color:var(--hs-charcoal);color:#fff}
.ab-cta .ab-btn-gold:hover{background:#47473e}
.chapter-dialog{background:var(--hs-ivory);border-top:5px solid var(--hs-gold)}
.chapter-dialog nav a:hover{color:var(--hs-gold-ink)}
.image-rail a[aria-current="location"]{border-color:var(--hs-gold-ink);background:var(--hs-ivory)}
.image-rail span{color:var(--hs-charcoal);background:#f6f1e5ed}
.read-more{color:var(--hs-gold-ink);border-color:var(--hs-gold)}
summary:after{color:var(--hs-gold-ink)}
a:hover{color:var(--hs-gold-ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--hs-gold-ink)}
@media(max-width:700px){.ab-panel-why{padding-left:22px;padding-right:22px}.ab-local-contrast{padding:60px 24px;margin:45px auto}.ab-cta{padding-left:24px;padding-right:24px}.ab-hero .ab-kicker{padding:10px 13px}}

/* Navy taken from the existing Hutchinson Scott website palette. */
:root{--hs-navy:#29334a}
h1,h2,h3{color:var(--hs-navy)}
.ab-local-contrast{background:var(--hs-navy)}
.ab-local-contrast h2,.ab-local-contrast p{color:#faf7ef}
.ab-cta{background:var(--hs-navy);color:#fff}
.ab-cta h2,.ab-cta p{color:#fff}
.ab-cta .ab-kicker{color:var(--hs-gold)}
.ab-cta .ab-btn-gold{background:var(--hs-gold);border-color:var(--hs-gold);color:var(--hs-navy)}
.ab-cta .ab-btn-gold:hover{background:#e3cd93;color:var(--hs-navy)}
.ab-cta .ab-btn-outline{color:#fff;border-color:var(--hs-gold)}
.ab-cta .ab-btn-outline:hover{color:var(--hs-navy);background:var(--hs-gold)}
.menu-toggle span{background:var(--hs-navy)}
.chapter-dialog nav a,.dialog-close{color:var(--hs-navy)}
.image-rail a[aria-current="location"]{border-color:var(--hs-navy)}
.side-home,.back-top{color:var(--hs-navy)}

/* Keep the opening journal label monochrome. */
.ab-hero .ab-kicker{color:#171717;background:transparent;border:0;padding:0}