/* Scoped to Tom's public story. Shared storefront controls are untouched. */
.tom-chapters{background:#fff;border-bottom:1px solid #dae3ed}
.tom-chapters>.container{display:flex;gap:16px 36px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.tom-chapters a{color:#123c67;font-weight:750;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:16px}
.tom-chapters a:hover{text-decoration:underline;text-underline-offset:5px}
.tom-story-community{background:#f5f1e8;border-top:1px solid #e8dfd0;border-bottom:1px solid #e8dfd0}
.tom-story-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,6vw,100px);align-items:start}
.tom-story-split h2{max-width:540px;font-size:clamp(32px,3.5vw,52px);line-height:1.12;color:#153954}
.tom-story-copy p,.tom-story-project p,.tom-story-weto p{font-size:18px;line-height:1.8;color:#344b60;margin:0 0 20px}
.tom-story-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:24px}
.tom-story-links a,.tom-story-weto a{font-size:16px;font-weight:750;line-height:1.55;color:#004e99;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.tom-story-projects{background:#f5f9fc}
.tom-story-projects h2{font-size:clamp(30px,3.2vw,48px);line-height:1.18;color:#123653}
.tom-story-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:40px}
.tom-story-project{min-width:0;display:flex;flex-direction:column}
.tom-story-project h3{font-size:30px;line-height:1.2;margin:26px 0 14px;color:#123653}
.tom-story-project .tom-story-evidence{font-size:15px;font-weight:650;color:#4c6173;margin-bottom:14px}
.tom-story-project .tom-story-links{margin-top:auto;padding-top:16px}
.tom-story-film{display:block;position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#152637}
.tom-story-film img{display:block;width:100%;height:100%;object-fit:cover}
.tom-story-film>span{position:absolute;bottom:16px;right:16px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#b91923;box-shadow:0 4px 20px #0005;font-size:22px}
.tom-story-wordmark{position:relative;aspect-ratio:16/9;overflow:hidden;background:#123650;color:#c5e9ef;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.tom-story-wordmark>span{font-size:clamp(36px,4.5vw,64px);font-weight:850;letter-spacing:-2px;line-height:1.2;color:#fff}
.tom-story-wordmark small{font-size:16px;letter-spacing:3px}
.tom-story-wordmark svg{width:80%;height:60px;margin-top:22px;opacity:.65}
.tom-story-weto{margin-top:48px;border-top:1px solid #d1dfe8;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.tom-story-weto p{margin:0}
.tom-page-main a:focus-visible{outline:3px solid #d9a51d;outline-offset:6px;border-radius:4px}
@media(max-width:700px){.tom-story-split,.tom-story-project-grid{grid-template-columns:1fr;gap:28px}.tom-story-project-grid{gap:40px}.tom-story-copy p,.tom-story-project p,.tom-story-weto p{font-size:17px;line-height:1.75}.tom-story-weto{align-items:flex-start;flex-direction:column;gap:8px}.tom-chapters>.container{gap:4px 20px}.tom-chapters a{font-size:15px}.tom-story-wordmark>span{font-size:46px}}
@media(prefers-reduced-motion:reduce){.tom-page-main .reveal{opacity:1;transform:none;transition:none}}
.tom-chapters+.maker-principles{margin-top:28px}
.tom-history-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,80px);border-top:1px solid #d3dfe8;margin-top:64px;padding-top:48px}
.tom-history-chapters h3,#van-fan-naar-maker .maker-copy h3{font-size:clamp(23px,2.2vw,30px);line-height:1.3;color:#173e61;margin:0 0 20px}
#van-fan-naar-maker .maker-copy h3{margin-top:28px}
.tom-history-chapters p{font-size:18px;line-height:1.8;color:#344b60;margin:0 0 22px}
@media(max-width:700px){.tom-history-chapters{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-top:32px}.tom-history-chapters p{font-size:17px;line-height:1.75}}

/* Personal page only: editorial film gallery and the Dutch dubbing archive. */
.tom-page-main{--tom-archive-navy:#081d30;--tom-archive-gold:#f3cf76}
.tom-cinema{margin-top:56px}
.tom-cinema>h3{font-size:24px;color:#153954;margin:0 0 24px}
.tom-cinema-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.tom-cinema-grid a{display:block;color:inherit;text-decoration:none;border-radius:20px;overflow:hidden;background:#08233e;box-shadow:0 20px 45px #112b411c;transition:transform .2s ease,box-shadow .2s ease}
.tom-cinema-grid a:hover{transform:translateY(-5px);box-shadow:0 26px 54px #112b4133}
.tom-cinema figure{margin:0;position:relative}
.tom-cinema img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#08233e}
.tom-cinema figcaption{display:flex;gap:16px;align-items:center;padding:22px 24px;background:linear-gradient(120deg,#102f4f,#081d30);color:white}
.tom-cinema figcaption strong{display:block;font-size:22px;line-height:1.3}
.tom-cinema figcaption span[data-i18n]{display:block;color:#bfd2e4;font-size:15px;margin-top:5px}
.tom-cinema-play{width:46px;height:46px;flex:0 0 46px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;color:#ffda72;font-size:18px;padding-left:3px}
#tijdlijn{background:#fbf8f1}
#tijdlijn .filmstrip-step{border-radius:18px;box-shadow:none;border-color:#e4dece;background:#fffdf8;padding:32px 24px}
#tijdlijn .filmstrip-step::before,#tijdlijn .filmstrip-step::after{display:none}
#tijdlijn .filmstrip-year{color:#986b23;font-size:18px;margin-top:0;min-height:48px;display:flex;align-items:center}
#tijdlijn .filmstrip-step:nth-child(-n+2) .filmstrip-year{font-size:42px;line-height:1.1;letter-spacing:-1px}
#tijdlijn .filmstrip-step h3{font-size:23px}
#tijdlijn .filmstrip-step p{font-size:16px}
#community.tom-archive{background:radial-gradient(ellipse at 100% 0,#204965 0,transparent 45%),radial-gradient(ellipse at 0 65%,#142e49 0,transparent 55%),#081d30;color:#edf4fb;padding:88px 0 54px;border:0}
.tom-archive-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(30px,5vw,80px)}
.tom-archive-heading{min-width:0}
.tom-archive-kicker{display:inline-flex;border:1px solid #bd9e565e;border-radius:999px;color:#ffe2a0;font-size:15px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;padding:9px 16px;margin:0 0 24px}
#community .tom-archive-heading h2{color:#fffaf0;font-size:clamp(40px,4.2vw,68px);line-height:1.06;letter-spacing:-1.5px;text-wrap:balance;margin:0;max-width:620px}
.tom-archive-reels{display:flex;gap:20px;margin-top:32px;color:#f3cf76;font-size:clamp(32px,4vw,56px);font-weight:300;line-height:1.1;letter-spacing:1px}
.tom-archive-reels span+span{border-left:1px solid #f3cf7655;padding-left:20px}
.tom-archive-poster{width:100%;margin:0;border:1px solid #ffffff2b;border-radius:18px;overflow:hidden;background:#12324a;box-shadow:0 28px 65px #0006;transform:rotate(1deg)}
.tom-archive-poster>a{display:block;transition:filter .2s}
.tom-archive-poster>a:hover{filter:brightness(1.07)}
.tom-archive-poster img{width:100%;height:auto;display:block}
.tom-archive-poster figcaption{padding:18px 22px;display:flex;flex-direction:column;gap:6px;background:#fff8e9;color:#193a52}
.tom-archive-poster figcaption strong{font-size:17px;line-height:1.4}
.tom-archive-poster figcaption span{font-size:14px;line-height:1.5;color:#53616a}
.tom-archive-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,80px);margin-top:64px;border-top:1px solid #ffffff2b;padding-top:40px}
.tom-archive-timeline article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start}
.tom-archive-year{font-size:29px;line-height:1.3;color:#f3cf76;font-weight:750;font-variant-numeric:tabular-nums}
.tom-archive-timeline h3{color:#fffaf0;font-size:25px;line-height:1.3;margin:0 0 18px}
.tom-archive-timeline p{color:#ccd9e7;font-size:17px;line-height:1.8;margin:0 0 16px}
.tom-archive-link{color:#ffe2a0;font-size:16px;font-weight:700;line-height:1.5;display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px}
.tom-archive-link:hover{color:#fff}
.tom-archive-stills{margin-top:64px}
.tom-archive-stills>h3{font-size:22px;color:#edf4fb;margin:0 0 24px;font-weight:650}
.tom-archive-still-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tom-archive-still-grid figure{margin:0;border-radius:12px;overflow:hidden;background:#122c43;border:1px solid #ffffff1f}
.tom-archive-still-grid img{display:block;width:100%;height:clamp(210px,23vw,310px);object-fit:cover;object-position:center}
.tom-archive-still-grid figcaption{padding:17px 20px;color:#d5e1ee;font-size:16px;line-height:1.5}
.tom-archive-credit{font-size:13px;line-height:1.5;color:#aebfd0;margin:16px 0 0}
#projecten{background:#f0f6fa}
#projecten .tom-story-project{background:#fff;border:1px solid #dce5ed;border-radius:24px;padding:22px;box-shadow:0 18px 48px #0c2c4310}
#projecten .tom-story-project h3{font-size:32px}
#projecten .tom-story-project .tom-story-evidence{color:#527084}
#projecten .tom-story-project-grid{gap:30px}
#visie .vision-quote{border-color:#f3cf763d;background:linear-gradient(130deg,#133c5b,#0a2037)}
@media(min-width:1600px){.tom-archive>.container{max-width:1500px}.tom-archive-poster{max-width:800px;justify-self:end}}
@media(max-width:1024px){.tom-archive-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}.tom-archive-timeline article{grid-template-columns:1fr;gap:12px}.tom-archive-timeline{gap:36px}.tom-archive-poster{transform:none}}
@media(max-width:700px){#community.tom-archive{padding:54px 0 36px}.tom-archive-hero,.tom-archive-timeline,.tom-archive-still-grid,.tom-cinema-grid{grid-template-columns:1fr}.tom-archive-hero{gap:30px}#community .tom-archive-heading h2{font-size:41px;letter-spacing:-.8px}.tom-archive-kicker{font-size:13px;margin-bottom:18px}.tom-archive-reels{font-size:36px;margin-top:22px}.tom-archive-poster{border-radius:14px}.tom-archive-poster figcaption{padding:16px}.tom-archive-timeline{margin-top:36px;padding-top:28px;gap:32px}.tom-archive-timeline article{grid-template-columns:1fr;gap:10px}.tom-archive-year{font-size:32px}.tom-archive-timeline h3{font-size:25px}.tom-archive-stills{margin-top:38px}.tom-archive-still-grid{gap:20px}.tom-archive-still-grid img{height:auto;aspect-ratio:16/10;object-fit:cover}.tom-archive-still-grid figcaption{padding:15px}.tom-cinema{margin-top:32px}.tom-cinema-grid{gap:22px}.tom-cinema figcaption{padding:18px}.tom-cinema figcaption strong{font-size:22px}#projecten .tom-story-project{padding:16px;border-radius:20px}#projecten .tom-story-project h3{font-size:29px}#tijdlijn .filmstrip-step{padding:24px}}
@media(prefers-reduced-motion:reduce){.tom-cinema-grid a,.tom-archive-poster>a{transition:none}.tom-cinema-grid a:hover{transform:none}}

/* Visual story chapters and LocoLink: scoped to this personal page. */
#tijdlijn .filmstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}
#tijdlijn .filmstrip-step{padding:0;overflow:hidden;border-radius:22px;border-color:#d9e2e9;box-shadow:0 14px 34px #16314a10;background:#fff;min-height:0}
.tom-journey-image{aspect-ratio:16/9;background:#e8eef4;border-bottom:5px solid #2275b5;overflow:hidden;position:relative}
.tom-journey-image img{display:block;width:100%;height:100%;object-fit:contain}
.tom-journey-image--classic img{object-fit:cover;object-position:center 65%}
.tom-journey-image--channel{background:radial-gradient(ellipse at 50% 50%,#33567b,#071a33);border-color:#e9b948}
.tom-journey-image--channel img{padding:22px}
.tom-journey-image--series{background:#091d30;border-color:#d53437}
.tom-journey-image--shop{background:#e8f2ef;border-color:#368d75}
.tom-journey-copy{padding:26px 30px 30px}
#tijdlijn .filmstrip-year,#tijdlijn .filmstrip-step:nth-child(-n+2) .filmstrip-year{font-size:17px;letter-spacing:.03em;min-height:0;line-height:1.4;color:#1c669c;margin:0 0 12px;font-weight:800}
#tijdlijn .filmstrip-step h3{font-size:29px;line-height:1.15;margin-bottom:16px}
#tijdlijn .filmstrip-step p{font-size:17px;line-height:1.75}
#projecten .tom-story-project-grid{display:block;margin-top:38px}
#projecten .tom-story-project-grid>.tom-story-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:36px;padding:28px}
#projecten .tom-story-project-grid>.tom-story-project>.tom-story-film{grid-column:1;grid-row:1/5;align-self:center}
#projecten .tom-story-project-grid>.tom-story-project>h3,#projecten .tom-story-project-grid>.tom-story-project>p,#projecten .tom-story-project-grid>.tom-story-project>.tom-story-links{grid-column:2}
#projecten .tom-story-project-grid>.tom-story-project>h3{margin-top:8px}
#projecten .tom-story-project-grid>.tom-story-project>.tom-story-links{margin:0;padding-top:0}
.tom-loco-showcase{--loco-amber:#eb9d24;--loco-ink:#171923;position:relative;margin-top:38px;padding:clamp(26px,4vw,60px);border:1px solid #e7d9bf;border-radius:30px;background:radial-gradient(ellipse at 90% 15%,#ffdda55c,transparent 52%),linear-gradient(135deg,#fffdfa,#f8f4eb);box-shadow:0 24px 60px #27384914;isolation:isolate;scroll-margin-top:90px}
.tom-loco-showcase::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#b29a7620 50%,transparent 50.2%) 0 0/120px 100%;opacity:.35}
.tom-loco-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}
.tom-loco-brand{display:flex;align-items:center;gap:15px;flex-shrink:0}
.tom-loco-brand>img{width:64px;height:64px;border-radius:15px;box-shadow:0 9px 22px #102b4322}
.tom-loco-brand strong{display:block;color:#171923;font-size:29px;line-height:1.2;letter-spacing:-.8px}
.tom-loco-brand span{display:block;font-size:14px;color:#686571;margin-top:4px}
.tom-loco-kicker{font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:#865612;margin:0}
.tom-loco-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
#projecten #tom-loco-title{font-size:clamp(36px,4vw,60px);line-height:1.07;color:#171923;margin:0 0 25px;max-width:560px;letter-spacing:-1.2px;text-wrap:balance}
.tom-loco-intro p{font-size:18px;line-height:1.8;color:#53545f;margin:0 0 22px;max-width:650px}
.tom-loco-features{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.tom-loco-features li{display:flex;gap:8px;align-items:center;border:1px solid #e6d6b9;border-radius:999px;padding:8px 12px;background:#ffffff95;font-size:14px;font-weight:650;color:#5b4c35}
.tom-loco-features li::before{content:"";width:6px;height:6px;border-radius:50%;background:#eaa12d;flex-shrink:0}
.tom-loco-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.tom-loco-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:#eaa12d;color:#171923;font-size:16px;font-weight:800;padding:12px 22px;text-decoration:none;border:1px solid #d48c18;box-shadow:0 6px 14px #d8962526}
.tom-loco-primary:hover{background:#f3b84e}
.tom-loco-secondary{color:#5d4a30;font-size:15px;line-height:1.5;font-weight:650;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.tom-loco-gallery{border:0;padding:0;margin:40px 0 0;min-width:0}
.tom-loco-gallery legend{font-size:16px;font-weight:700;color:#525360;padding:0;margin-bottom:14px}
.tom-loco-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tom-loco-choice{position:relative;cursor:pointer;border:1px solid #d9d5cc;background:#ffffffb8;color:#565463;border-radius:10px;display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 20px;font-size:15px;font-weight:700}
.tom-loco-choice input{position:absolute;opacity:0;width:1px;height:1px}
.tom-loco-choice:has(input:checked){background:#1b202b;color:#fff;border-color:#1b202b;box-shadow:0 4px 10px #1b202b20}
.tom-loco-choice:has(input:focus-visible){outline:3px solid #a06512;outline-offset:4px}
.tom-loco-viewer{border-radius:20px;background:radial-gradient(ellipse at 50% 100%,#f0ca87 0,transparent 60%),#e9e5de;padding:24px;border:1px solid #dcd6c9;box-shadow:inset 0 0 60px #fff8}
.tom-loco-panel{display:none;margin:0;text-align:center}
.tom-loco-gallery:has(input[value="mac"]:checked) .tom-loco-panel[data-view="mac"],.tom-loco-gallery:has(input[value="windows"]:checked) .tom-loco-panel[data-view="windows"],.tom-loco-gallery:has(input[value="trackplan"]:checked) .tom-loco-panel[data-view="trackplan"],.tom-loco-gallery:has(input[value="iphone"]:checked) .tom-loco-panel[data-view="iphone"]{display:block}
.tom-loco-panel img{display:block;width:100%;height:clamp(260px,44vw,620px);object-fit:contain;filter:drop-shadow(0 15px 18px #25304333)}
.tom-loco-panel[data-view="iphone"] img{width:auto;max-width:100%;margin:0 auto;border-radius:24px;filter:drop-shadow(0 12px 18px #25304333)}
.tom-loco-panel figcaption{margin-top:16px}
.tom-loco-panel figcaption a{display:inline-flex;align-items:center;min-height:44px;color:#51452f;font-size:15px;font-weight:650;text-underline-offset:5px}
.tom-loco-footer{display:flex;justify-content:space-between;gap:15px 30px;flex-wrap:wrap;margin-top:20px}
.tom-loco-footer p{font-size:13px;line-height:1.6;color:#736d61;margin:0}
@media(min-width:1700px){#tijdlijn .filmstrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.tom-journey-copy{padding:24px}#tijdlijn .filmstrip-step h3{font-size:26px}}
@media(max-width:1024px){.tom-loco-intro{grid-template-columns:1fr;gap:22px}.tom-loco-intro p{max-width:none}#projecten #tom-loco-title{max-width:700px}.tom-loco-kicker{max-width:180px;text-align:right}#projecten .tom-story-project-grid>.tom-story-project{column-gap:24px}}
@media(max-width:700px){#tijdlijn .filmstrip{grid-template-columns:1fr;gap:24px}.tom-journey-copy{padding:24px}#tijdlijn .filmstrip-step h3{font-size:27px}.tom-journey-image--channel img{padding:18px}#projecten .tom-story-project-grid>.tom-story-project{display:flex;padding:16px}#projecten .tom-story-project-grid>.tom-story-project>h3{margin-top:24px}.tom-loco-showcase{padding:22px 16px;border-radius:22px;margin-top:26px}.tom-loco-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:26px}.tom-loco-kicker{max-width:none;text-align:left;font-size:12px}.tom-loco-brand>img{width:54px;height:54px;border-radius:12px}.tom-loco-brand strong{font-size:28px}#projecten #tom-loco-title{font-size:38px;letter-spacing:-.8px}.tom-loco-intro{gap:22px}.tom-loco-intro p{font-size:17px;line-height:1.75}.tom-loco-features{gap:7px}.tom-loco-features li{font-size:13px;padding:7px 10px}.tom-loco-gallery{margin-top:32px}.tom-loco-choice{padding:10px 14px;font-size:14px}.tom-loco-choices{gap:7px;margin-bottom:18px}.tom-loco-viewer{padding:10px;border-radius:13px}.tom-loco-panel img{height:220px;filter:drop-shadow(0 8px 8px #25304322)}.tom-loco-panel[data-view="iphone"] img{height:440px;border-radius:18px}.tom-loco-panel figcaption{margin-top:10px}.tom-loco-panel figcaption a{font-size:14px}.tom-loco-footer{gap:8px}.tom-loco-footer p{font-size:12px}}

/* Original Series 7 promotional photography, complete composition. */
.tom-promo-gallery .tom-archive-still-grid img{aspect-ratio:3/2;height:auto;object-fit:contain;display:block;width:100%}.tom-promo-gallery .tom-archive-still-grid a{display:block}.tom-promo-gallery .tom-archive-credit a{color:inherit;text-underline-offset:3px}.tom-promo-gallery .tom-archive-kicker{margin:0 0 10px}.tom-journey-image--classic img{object-fit:contain;background:#e2effa}