/* Hallmark · shape: portfolio index · genre: editorial · theme: brand · redesign: full · hero: Stage · nav: four workspaces · footer: studio colophon · signature: original St Regis lagoon and real Europe five-image set · posture: Restrained · v2.0.0 */
/* Hallmark · pre-emit critique: P8 H8 E8 S8 R8 V8 · weakest: mobile portfolio length; reduce thumbnail mass with touch-scroll series while preserving every picture. */
/* Hallmark · waive 39b · real image controls contain full work captions and retain handlers · portfolio previews require larger hit regions than form buttons */
@import url('./tokens.css');
@import url('./base.css');
:root{--ivory:var(--color-paper);--ink:var(--color-ink);--muted:var(--color-muted);--sand:var(--color-accent);--line:var(--color-rule);--serif:var(--font-display);--sans:var(--font-body);--color-night:#153b36;--color-night-ink:#f0f1e7;--color-night-muted:#c1d0c3;--color-backdrop:#102c2be8;--color-overlay:#102b29c9;--space-section:112px;--space-half:56px}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-lg)}body{font-size:16px;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}a:hover,button:hover{color:var(--sand)}a:active,button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button[aria-busy=true]{cursor:progress}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}h1,h2,h3{font-weight:400;line-height:1.5;max-width:none}p{color:var(--muted);max-width:65ch}img{display:block;max-width:100%}.nav{display:flex;align-items:center;gap:var(--space-xl);max-width:1440px;margin:auto;padding:var(--space-lg) var(--space-2xl);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap;font-size:15px;color:var(--ink)}.brand-mark{font-family:var(--serif);font-size:34px;line-height:1.3}.brand small{display:block;font-size:11px;letter-spacing:0}.nav nav{display:flex;gap:var(--space-lg);font-size:14px;align-items:center;margin-left:auto}.nav nav a{min-height:44px;display:flex;align-items:center}.workspace-link{font-size:14px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--sand)}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:var(--space-2xl);padding:var(--space-half) var(--space-2xl) var(--space-lg);align-items:center}.hero-copy>.eyebrow{font-size:14px;letter-spacing:0;color:var(--muted);margin-bottom:var(--space-md)}.hero h1{font-size:clamp(40px,3.7vw,56px);line-height:1.5;overflow-wrap:break-word;min-width:0}.gold-dot{color:inherit}.hero h2{font-family:var(--serif);font-size:15px;color:var(--muted);margin-top:var(--space-lg)}.hero-copy>p{font-size:17px;line-height:2;margin-top:var(--space-lg)}.explore{display:inline-flex;align-items:center;gap:var(--space-xl);min-height:48px;margin-top:var(--space-xl);border-bottom:1px solid var(--sand);font-size:15px}.hero-art{position:relative;min-width:0}.hero-art>img{width:100%;height:510px;object-fit:cover;object-position:center}.image-label{position:absolute;inset:auto 0 0;padding:var(--space-lg);display:flex;justify-content:space-between;gap:var(--space-md);background:var(--color-overlay);color:var(--color-night-ink);font-size:13px;line-height:1.8}.image-label>span:first-child{max-width:22ch}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-lg);margin-top:var(--space-xl);font-size:13px;color:var(--muted);border-top:1px solid var(--line)}.section{padding:var(--space-section) var(--space-2xl)}.eyebrow{font-family:var(--sans);font-size:14px;color:var(--muted);letter-spacing:0;display:flex;gap:var(--space-md)}.eyebrow>span:first-child{font-variant-numeric:tabular-nums}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--space-2xl);margin-bottom:var(--space-xl);margin-top:var(--space-lg)}.section-heading h2,.itinerary-feature h2{font-size:40px;line-height:1.5}.section-heading p{font-size:16px;line-height:1.9}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.module-card{border-top:1px solid var(--line);padding-block:var(--space-lg);display:flex;flex-direction:column}.module-card>span{font-size:12px;color:var(--muted);letter-spacing:0}.module-card h3{font-size:28px;margin-block:var(--space-lg) var(--space-sm)}.module-card p{font-size:15px;line-height:1.9}.module-card small{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:center;margin-top:var(--space-lg);font-size:13px;min-height:44px}.module-card i{font-style:normal}.portal-images{background:var(--color-paper-2)}.selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.selected-case{min-width:0}.selected-image{display:block;width:100%;padding:var(--space-lg);text-align:left;background:var(--color-paper-3)}.selected-image img{width:100%;height:450px;object-fit:contain}.selected-image span{display:block;font-size:15px;padding-top:var(--space-md);min-height:44px}.selected-case h3{font-size:28px;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.selected-case p{font-size:16px;line-height:1.9}.selected-thumbs{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.selected-thumbs button{padding:0;width:20%;min-width:0;flex-shrink:1;text-align:left}.selected-thumbs img{width:100%;aspect-ratio:3/4;object-fit:contain}.selected-thumbs small{font-size:12px;display:block;line-height:1.6;margin-top:var(--space-xs)}.case-input-output{display:flex;align-items:center;gap:var(--space-xl);padding-block:var(--space-lg);margin-top:var(--space-xl);border-block:1px solid var(--line)}.case-input-output p{font-size:16px;line-height:2;flex:1}.case-input-output small{font-size:13px;color:var(--muted)}.sample-note,.gallery-note{font-size:13px;line-height:1.9;color:var(--muted);margin-top:var(--space-lg)}.full-series{margin-top:var(--space-xl);border-block:1px solid var(--line)}.full-series>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);cursor:pointer;min-height:72px;padding-block:var(--space-md);font-family:var(--serif);font-size:23px;list-style:none}.full-series>summary::-webkit-details-marker{display:none}.full-series>summary span{font-family:var(--sans);font-size:13px;color:var(--muted)}.content-pages{padding-bottom:var(--space-xl)}.content-pages .section-heading h2{font-size:30px}.page-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.page-gallery button{padding:0;text-align:left;min-width:0}.page-gallery img{width:100%;aspect-ratio:3/4;object-fit:contain}.page-gallery button>span{display:flex;align-items:center;gap:var(--space-sm);min-height:48px;font-size:14px;border-bottom:1px solid var(--line)}.page-gallery b{font-size:12px;font-weight:400;color:var(--muted)}.page-gallery i{font-style:normal;margin-left:auto}.section-action{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);border-top:1px solid var(--line);padding-top:var(--space-lg);margin-top:var(--space-xl)}.section-action p{font-size:15px}.section-action a{flex-shrink:0;font-size:15px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--sand)}.itinerary-feature-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-2xl);margin-top:var(--space-lg);align-items:center}.itinerary-feature-grid p{margin-top:var(--space-lg);font-size:16px;line-height:1.9}.itinerary-feature ul{margin:var(--space-lg) 0 var(--space-xl);padding-left:var(--space-lg);font-size:15px;color:var(--muted);line-height:2.2}.portal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);font-size:14px}.portal-primary{background:var(--ink);color:var(--ivory);padding:var(--space-sm) var(--space-lg);font-size:15px;min-height:48px;display:inline-flex;align-items:center}.portal-primary:hover{color:var(--ivory);background:var(--color-ink-2)}.portal-actions>a:not(.portal-primary){min-height:48px;display:flex;align-items:center;text-decoration:underline}.portal-note{font-size:13px!important}.itinerary-cover{position:relative;min-width:0;aspect-ratio:4/5;background:var(--ink);color:var(--ivory);overflow:clip}.itinerary-cover>img{height:100%;width:100%;object-fit:cover}.itinerary-cover>div{position:absolute;inset:auto 0 0;background:var(--color-overlay);padding:var(--space-lg)}.itinerary-cover small{font-size:13px}.itinerary-cover h3{font-size:32px;line-height:1.65;margin-block:var(--space-md)}.itinerary-cover span{font-size:14px}.dark{background:var(--color-night);color:var(--color-night-ink)}.dark p,.dark .eyebrow{color:var(--color-night-muted)}.dark .section-action{border-color:var(--color-night-muted)}.dark .section-action a{color:var(--color-night-ink)}.film-placeholder{background:var(--color-night);border-block:1px solid var(--color-night-muted);min-height:320px;display:grid;place-items:center;text-align:center;padding:var(--space-xl);position:relative}.film-placeholder h3{font-size:32px;line-height:1.7}.film-placeholder p{font-size:15px;margin-top:var(--space-md)}.film-play{font-family:var(--serif);font-size:48px;display:block;line-height:1.3;margin-bottom:var(--space-md)}.film-corner{position:absolute;top:var(--space-lg);left:var(--space-lg);font-size:12px;color:var(--color-night-muted)}.film-corner.bottom{inset:auto var(--space-lg) var(--space-lg) auto}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-xl)}.ops-grid article{border-top:1px solid var(--line);padding-block:var(--space-lg)}.ops-grid article>span,.ops-grid small{font-size:13px;color:var(--muted)}.ops-grid h3{font-size:28px;margin-block:var(--space-sm)}.ops-grid p{font-size:16px}.ops-grid small{display:block;margin-top:var(--space-md)}.portal-process{background:var(--color-paper-2)}.process-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.process-line article{border-top:1px solid var(--line);padding-top:var(--space-lg)}.process-line span{font-size:13px;color:var(--muted)}.process-line h3{font-size:25px;margin-block:var(--space-sm)}.process-line p{font-size:15px}footer{max-width:1440px;margin:auto;padding:var(--space-xl) var(--space-2xl);display:flex;justify-content:space-between;gap:var(--space-lg);font-size:13px;color:var(--muted)}.portal-bottom{display:none}.page-dialog{position:fixed;border:0;max-width:94%;max-height:96svh;padding:var(--space-xl) var(--space-lg) var(--space-md);background:var(--ivory);color:var(--ink)}.page-dialog::backdrop{background:var(--color-backdrop)}.page-dialog>img{max-height:76svh;max-width:84vw;width:auto;height:auto;object-fit:contain}.dialog-close{position:absolute;right:var(--space-md);top:0;min-height:40px;padding-inline:var(--space-xs);font-size:14px}.dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-top:var(--space-sm);font-size:14px}.dialog-controls button{font-size:25px;min-width:44px;min-height:44px;padding:0}.dialog-controls span{text-align:center}.page-dialog[open]{overscroll-behavior:contain}body:has(.page-dialog[open]){overflow-y:clip}noscript p{padding:var(--space-lg)}
@media(max-width:1100px){.nav{padding-inline:var(--space-xl);gap:var(--space-lg)}.nav nav{gap:var(--space-md);font-size:13px}.brand{font-size:13px}.brand small{font-size:10px}.workspace-link{font-size:13px}.hero,.section{padding-inline:var(--space-xl)}.hero{column-gap:var(--space-xl)}.hero h1{font-size:42px}.hero-art>img{height:480px}.section-heading{gap:var(--space-xl)}.section-heading h2,.itinerary-feature h2{font-size:34px}.itinerary-feature-grid{gap:var(--space-xl)}.selected-image img{height:380px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nav{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.nav nav{display:none}.workspace-link{margin-left:auto;font-size:13px;white-space:nowrap}.brand-mark{font-size:30px}.brand small{font-size:10px}.hero{grid-template-columns:minmax(0,1fr);padding:var(--space-xl) var(--space-lg) var(--space-lg);gap:var(--space-lg)}.hero h1{font-size:clamp(34px,9vw,44px);line-height:1.45}.hero-copy>.eyebrow{font-size:13px;margin-bottom:var(--space-sm)}.hero h2{font-size:14px;margin-top:var(--space-md)}.hero-copy>p{font-size:16px;line-height:1.9;margin-top:var(--space-md)}.explore{margin-top:var(--space-lg)}.hero-art>img{height:320px}.image-label{padding:var(--space-md);font-size:12px}.hero-foot{font-size:12px;margin-top:var(--space-xs);padding-top:var(--space-md)}.hero-foot span{flex:1}.section{padding:var(--space-2xl) var(--space-lg)}.section-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block:var(--space-md) var(--space-lg)}.section-heading h2,.itinerary-feature h2{font-size:32px}.section-heading p{font-size:15px}.module-grid{gap:var(--space-lg)}.module-card h3{font-size:27px;margin-top:var(--space-md)}.module-card p{font-size:15px}.module-card>span{font-size:11px}.module-card small{font-size:13px;margin-top:var(--space-md)}.selected-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.selected-image{padding:var(--space-md)}.selected-image img{height:380px}.selected-case h3{font-size:26px;margin-top:var(--space-md)}.selected-case p{font-size:15px}.selected-thumbs{gap:var(--space-xs);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-xs)}.selected-thumbs button{flex:0 0 74px;scroll-snap-align:start}.selected-thumbs small{font-size:12px}.case-input-output{gap:var(--space-md);flex-direction:column;align-items:stretch;margin-top:var(--space-lg)}.case-input-output>span{display:none}.case-input-output p{font-size:15px}.full-series>summary{font-size:21px;align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.content-pages .section-heading h2{font-size:26px}.page-gallery{display:flex;gap:var(--space-md);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-md)}.page-gallery button{flex:0 0 73%;scroll-snap-align:start}.page-gallery button>span{font-size:14px}.page-gallery img{max-height:420px}.section-action{flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-lg)}.section-action p{font-size:15px}.itinerary-feature-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.itinerary-feature-grid p{font-size:15px}.itinerary-feature ul{font-size:15px;line-height:1.9;margin-bottom:var(--space-lg)}.itinerary-cover{aspect-ratio:4/4.3}.itinerary-cover h3{font-size:31px}.portal-actions{gap:var(--space-md)}.portal-primary{font-size:14px}.film-placeholder{min-height:330px;padding:var(--space-2xl) var(--space-md)}.film-placeholder h3{font-size:27px}.film-corner{font-size:12px;top:var(--space-md);left:var(--space-md)}.film-corner.bottom{inset:auto var(--space-md) var(--space-md) auto}.ops-grid{grid-template-columns:minmax(0,1fr)}.ops-grid h3{font-size:27px}.ops-grid p{font-size:15px}.process-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.process-line h3{font-size:24px}.process-line p{font-size:15px}footer{display:block;padding:var(--space-xl) var(--space-lg) var(--space-3xl);font-size:12px}footer span{display:block;margin-top:var(--space-sm)}.portal-bottom{display:flex;position:fixed;inset:auto 0 0;z-index:var(--z-sticky-nav);background:var(--ivory);border-top:1px solid var(--line);justify-content:space-around;padding:var(--space-xs) var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom));font-size:14px}.portal-bottom a{display:flex;min-height:44px;align-items:center;padding-inline:var(--space-xs)}.page-dialog{padding-inline:var(--space-sm)}.page-dialog>img{max-width:84vw;max-height:72svh}.dialog-controls{gap:var(--space-xs);font-size:13px}.dialog-controls span{max-width:24ch}}
@media(max-width:380px){.nav{padding-inline:var(--space-md)}.brand{font-size:12px}.brand small{font-size:9px}.brand-mark{font-size:26px}.workspace-link{font-size:12px}.hero,.section{padding-inline:var(--space-md)}.hero h1{font-size:clamp(31px,9.5vw,37px)}.hero h2{font-size:13px}.hero-art>img{height:260px}.selected-image img{height:330px}.section-heading h2,.itinerary-feature h2{font-size:29px}.module-grid{column-gap:var(--space-md)}.module-card h3{font-size:25px}.module-card p{font-size:14px}.module-card small{font-size:12px}.eyebrow{font-size:12px}.itinerary-cover h3{font-size:27px}.portal-bottom{font-size:13px}.image-label{font-size:11px}.hero-foot{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}



/* Keep scaled full-resolution images within the dialog content box. */
@media(max-width:768px){.page-dialog>img{max-width:100%;min-width:0}}