/* One photographic film. All camera and object motion is owned by film-motion.js. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.film{--film-portrait-size:300px;position:relative;isolation:isolate;background:var(--paper);color:var(--ink)}
.film-stage{position:relative;top:0;width:100%;height:calc(100svh - var(--header-h));min-height:0;overflow:clip;isolation:isolate;background:#594838}
.film-ready:not(.motion-off) .film{height:auto}
.film-ready:not(.motion-off) .film-stage{position:sticky;top:var(--header-h)}
.film-anchor{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none;scroll-margin-top:0}
.film-scene{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;backface-visibility:hidden}
.film-scene picture,.film-scene [data-film-plate]{position:absolute;inset:0;display:block;transform-origin:0 0}
.film-scene picture>img,.film-scene [data-film-plate]>img,.film-golf-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.film-interior{z-index:1}
.film-stage>.film-scene:not(.film-interior),.film-stage>.film-surface:not(.film-portrait):not(.film-greeting),.film-stage>[data-film-copy]:not([data-film-copy="opening"]),.film-page-turn,.film-ball{visibility:hidden}
.film-surface{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;pointer-events:none;backface-visibility:hidden;will-change:transform}
.film-surface>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.film-portrait{visibility:hidden;width:1000px;height:1000px;z-index:4;background:#b8b5aa}
.film-greeting{visibility:hidden;width:1000px;height:200px;z-index:5;overflow:visible;display:flex;align-items:center;justify-content:center;color:#3f392b;text-align:center}
.film-greeting p{font-family:var(--serif);font-size:100px;font-weight:400;line-height:.9;letter-spacing:-.035em;padding:8px 18px;text-wrap:balance;transform:scaleY(.65);transform-origin:center}
.film-greeting em{font-size:inherit;font-weight:400}
.film-golf-photo,.film-tennis-photo{width:300px;height:533px;z-index:7;background:var(--paper)}
.film-fashion-photo{width:300px;height:400px;z-index:5}
.film-room-plane{width:1000px;height:600px;z-index:5;background:#252330}
.film-room-plane>canvas{display:block;width:100%;height:100%;max-width:none}
.film-terrace{background:#c6b796}
@media(max-width:700px) and (orientation:portrait){.film-terrace [data-film-plate]>img{object-position:right center}.film-chapter-copy[data-film-copy="golf"] p,.film-city-copy p{display:none}.film-stage .film-city-copy:before{background:linear-gradient(180deg,#f1e7d6e6,transparent 32%)}}

/* Opening mounts stay protected until their exact geometry is available. */
html:not(.film-mounted) .film-portrait,html:not(.film-mounted) .film-greeting{visibility:hidden!important}
.film-mounted .film-portrait,.film-mounted .film-greeting{visibility:visible}
html:not(.film-mounted) .film-portrait{left:27.2%;top:34%;width:16.9%;height:30.8%;clip-path:polygon(0 0,93% 0,100% 96%,4% 100%)}
html:not(.film-mounted) .film-greeting{left:28.2%;top:64.9%;width:16.6%;height:8.7%}
html:not(.film-mounted) .film-greeting p{font-size:clamp(15px,1.55vw,29px);line-height:.9;padding:0}
.film-opening-caption{position:absolute;inset:0;z-index:20;pointer-events:none;color:#fff8e8;text-shadow:0 1px 8px #17150d70}
.film-opening-caption>.eyebrow{position:absolute;left:var(--gutter);top:28px;font-size:8px;letter-spacing:1.6px}
.film-enter{position:absolute;left:var(--gutter);bottom:62px;display:inline-flex;align-items:center;gap:21px;min-height:44px;font-size:12px;pointer-events:auto}
.film-enter>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff8e88a;border-radius:50%;font-size:21px}
.film-enter:focus-visible{outline-color:#fff8e8;outline-offset:6px}

/* The portrait slot is measured by the film controller; it contains no duplicate photo. */
.film-about{display:grid;grid-template-columns:var(--film-portrait-size) minmax(0,670px);grid-template-rows:auto auto;column-gap:clamp(42px,7vw,120px);row-gap:28px;align-content:center;justify-content:start;padding:55px var(--gutter) 85px;background:var(--paper);color:var(--ink)}
.film-about-title{grid-column:2;grid-row:1;min-width:0}
.film-about-title>.eyebrow{display:block;font-size:8px;letter-spacing:1.5px;line-height:1.6;margin-bottom:24px}
.film-about-title h2{font-family:var(--serif);font-size:clamp(54px,5.7vw,95px);font-weight:400;line-height:.94;letter-spacing:-.04em}
.film-about>[data-film-slot="portrait"]{grid-column:1;grid-row:1/3;width:var(--film-portrait-size);height:var(--film-portrait-size);align-self:center}
.film-about-text{grid-column:2;grid-row:2;max-width:580px;min-width:0}
.film-about-text p{font-size:14px;line-height:1.85;max-width:560px}
.film-about-text p+p{margin-top:14px;color:var(--muted)}
.film-about-signature{display:block;font-family:var(--serif);font-size:27px;font-style:italic;line-height:1.2;letter-spacing:-.025em;margin-top:21px}
.film-slot{position:relative;pointer-events:none}
.film-page-ball-shadow{position:absolute;left:86%;top:calc(83% + 12px);width:30px;height:8px;border-radius:50%;background:#b69a6c40;filter:blur(2px);transform:translateX(-50%);z-index:1;pointer-events:none}

/* Full-size photographs and local copy remain readable over changing scenery. */
.film-golf{background:#79645f}
.film-chapter-copy{position:absolute;left:var(--gutter);top:clamp(45px,12svh,120px);z-index:15;width:min(45vw,580px);color:#fffaf0;pointer-events:none;isolation:isolate;text-shadow:0 1px 8px #260b1242}
.film-chapter-copy:before{content:"";position:absolute;inset:-32px -75px -42px -35px;z-index:-1;background:radial-gradient(ellipse at 23% 44%,#260b1282,transparent 73%);pointer-events:none}
.film-chapter-copy>.eyebrow{display:block;font-size:8px;letter-spacing:1.5px;line-height:1.6;margin-bottom:26px}
.film-chapter-copy h2{font-family:var(--serif);font-size:clamp(55px,6.9vw,110px);font-weight:400;line-height:.94;letter-spacing:-.035em}
.film-chapter-copy p{font-size:13px;line-height:1.85;margin-top:25px;max-width:330px}
.film-copy{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px var(--gutter) 90px;color:var(--ink);pointer-events:none;isolation:isolate}
.film-copy:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f1e7d6f7 0%,#f1e7d6cc 27%,#f1e7d600 66%)}
.film-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;line-height:1.6;margin-bottom:26px}
.film-copy h2{font-family:var(--serif);font-size:clamp(58px,6.7vw,108px);font-weight:400;line-height:.93;letter-spacing:-.04em}
.film-copy p{font-size:13px;line-height:1.9;margin-top:25px;max-width:410px}
.film-copy a{pointer-events:auto}
.film-tech-copy h2{font-size:clamp(50px,5.5vw,88px)}
.film-tech-copy .scene-text-link{min-height:44px;margin-top:15px}
.film-city-copy{padding-right:58vw}

/* An open journal supplies actual, measurable rectangles for both protected photos. */
.film-spread{display:grid;place-items:center;padding:35px 0 58px;background:radial-gradient(ellipse at 50% 40%,#e5dece,#c9c0aa)}
.film-spread-book{--film-book-h:min(70svh,620px);position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(1120px,90vw);height:var(--film-book-h);border-radius:2px 8px 8px 2px;background:#e7dfc9;box-shadow:0 24px 45px #30291d38,0 2px 5px #30291d2b}
.film-spread-book:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 14px);width:28px;background:linear-gradient(90deg,transparent,#62544026 48%,#fffdf624 58%,transparent);pointer-events:none}
.film-spread-page{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-width:0;padding:24px 35px 23px;background:#f5efdf}
.film-spread-page.is-left{border-radius:2px 0 0 2px;background:linear-gradient(90deg,#f5efdf 80%,#e9e1ce)}
.film-spread-page.is-right{border-radius:0 8px 8px 0;background:linear-gradient(90deg,#e9e1ce,#f7f1e2 18%)}
.film-spread-page>span{font-size:7px;letter-spacing:1.4px;line-height:1.5;color:#79645f}
.film-spread-page>.film-slot{align-self:center;width:min(100%,calc((var(--film-book-h) - 132px)*.5625));aspect-ratio:9/16;flex-shrink:0;margin:16px 0;background:#ded9ca}
.film-spread-page>p{font-family:var(--serif);font-size:28px;font-style:italic;line-height:1.1;color:#6c4c48}
.film-page-turn{position:absolute;inset:0;z-index:25;transform-origin:0 0;pointer-events:none;background:linear-gradient(100deg,#d0c6ad,#f5efdf 11%,#f8f3e7 70%,#ddd3bc);backface-visibility:hidden;box-shadow:0 0 35px #30291d25}
.film-ball{position:absolute;left:0;top:0;display:block;width:300px;height:300px;max-width:none;z-index:18;pointer-events:none;transform-origin:0 0;will-change:transform;backface-visibility:hidden}
.film-ball-shadow{position:absolute;left:0;top:0;width:100px;height:100px;z-index:3;border-radius:50%;background:radial-gradient(ellipse,#260b126b,transparent 70%);pointer-events:none;transform-origin:0 0}

.film-hud{position:absolute;left:var(--gutter);right:calc(var(--gutter) + 190px);bottom:24px;z-index:35;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;color:#fff8e9;font-size:7px;letter-spacing:1.4px;line-height:1.5;text-shadow:0 1px 7px #260b12aa;pointer-events:none}
.film[data-theme="light"] .film-hud{color:var(--ink);text-shadow:none}
.film-skip{position:absolute;right:var(--gutter);bottom:10px;z-index:36;display:inline-flex;align-items:center;gap:17px;min-height:44px;padding:8px 12px;border:1px solid #f1e7d640;border-radius:2px;background:#4a101d61;color:#fff9eb;backdrop-filter:blur(6px);font-size:10px;line-height:1.5}
.film-skip>span{font-size:18px}
.film-skip:focus-visible{outline-color:#fff8e8;outline-offset:3px}

/* Full native content remains available without the film controller or motion. */
.film-fallback{display:block;background:var(--paper);padding-top:25px;padding-bottom:55px}
.film-ready:not(.motion-off) .film-fallback{display:none}
.film-fallback>article{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:8vw;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}
.film-fallback>article:last-child{border-bottom:0}
.film-fallback>article>img{width:100%;height:auto;max-height:72svh;object-fit:contain;justify-self:center}
.film-fallback h2{font-family:var(--serif);font-size:clamp(48px,5.5vw,90px);font-weight:400;line-height:.96;letter-spacing:-.035em;margin-top:22px}
.film-fallback p{font-size:14px;line-height:1.85;max-width:540px;margin-top:25px;color:var(--muted)}
.motion-off .film{height:auto}
.motion-off .film-stage{position:relative;top:0}
.motion-off .film-stage>.film-scene:not(.film-interior),.motion-off .film-stage>.film-surface:not(.film-portrait):not(.film-greeting),.motion-off .film-stage>[data-film-copy]:not([data-film-copy="opening"]),.motion-off .film-page-turn,.motion-off .film-ball{visibility:hidden!important}
.motion-off .film-interior,.motion-off .film-opening-caption,.film-mounted.motion-off .film-portrait,.film-mounted.motion-off .film-greeting{visibility:visible!important;opacity:1!important}
.motion-off .film-hud{display:none}

/* The contact link keeps its native destination and gains one small putting gesture. */
.putt-button{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;max-width:100%;min-height:58px;padding:11px 13px 11px 25px;margin-top:29px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff9ec;font-size:12px;line-height:1.5;transition:background .2s,border-color .2s}
.putt-button>span:first-child{white-space:nowrap}
.putt-green{--putt-travel:68px;position:relative;display:block;width:104px;height:34px;flex-shrink:0;border-radius:999px;background:linear-gradient(160deg,#b69a6c45,#260b12a6);box-shadow:inset 0 0 0 1px #e7e3c925;overflow:hidden}
.putt-ball{position:absolute;left:10px;top:9px;width:16px;height:16px;border-radius:50%;z-index:3;background:radial-gradient(circle at 30% 24%,#fffef4 0 28%,#e2cbb7 65%,#d6bdad 100%);box-shadow:1px 2px 2px #260b124d;transform-origin:center}
.putt-ball:after{content:"";position:absolute;inset:3px;border-radius:50%;opacity:.34;background:radial-gradient(circle,#79645f 20%,transparent 29%) 0 0/3px 3px}
.putt-hole{position:absolute;right:14px;top:16px;width:7px;height:4px;border-radius:50%;background:#260b12;box-shadow:0 1px 0 #e2cbb730;z-index:2}
.putt-flag{position:absolute;right:17px;bottom:17px;width:1px;height:16px;background:#eee7c9;z-index:1}
.putt-flag:after{content:"";position:absolute;top:0;left:1px;width:8px;height:6px;background:#d8d6b5;clip-path:polygon(0 0,100% 35%,0 100%)}
@keyframes film-putt{0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}78%{transform:translate(var(--putt-travel),0) rotate(520deg) scale(1);opacity:1}91%{transform:translate(var(--putt-travel),2px) rotate(550deg) scale(.6);opacity:1}100%{transform:translate(var(--putt-travel),3px) rotate(560deg) scale(.12);opacity:0}}
.putt-button:focus-visible .putt-ball,.putt-button:active .putt-ball,.putt-button.is-putting .putt-ball{animation:film-putt .55s cubic-bezier(.2,.55,.3,1) both}
.putt-button:focus-visible{outline:2px solid #a2784d;outline-offset:5px}
@media(hover:hover){.putt-button:hover{background:#6a1b2a;border-color:#6a1b2a}.putt-button:hover .putt-ball{animation:film-putt .55s cubic-bezier(.2,.55,.3,1) both}}
.motion-off .putt-ball{animation:none!important;transform:none!important;opacity:1!important}

@media(min-width:701px) and (max-width:1050px){
 .film{--film-portrait-size:250px}.film-about{column-gap:5vw;padding-top:40px;padding-bottom:75px}.film-about-title h2{font-size:5.7vw}.film-about-text p{font-size:12px;line-height:1.75}.film-about-signature{font-size:24px;margin-top:17px}.film-copy h2{font-size:7vw}.film-tech-copy h2{font-size:6.2vw}.film-spread-page{padding-left:26px;padding-right:26px}
}
@media(max-width:700px){
 .film{--film-portrait-size:140px;--film-about-title-h:132px}
 .film-stage{height:calc(100svh - var(--header-h));min-height:0}
 html:not(.film-mounted) .film-portrait{left:20.5%;top:38.1%;width:38.4%;height:23.7%;clip-path:polygon(0 1%,95% 0,100% 97%,4% 100%)}
 html:not(.film-mounted) .film-greeting{left:22.2%;top:62.6%;width:38.8%;height:7.4%}
 html:not(.film-mounted) .film-greeting p{font-size:4.9vw;line-height:.9}
 .film-opening-caption>.eyebrow{top:23px;left:24px;right:24px;font-size:7px;letter-spacing:1.2px}
 .film-enter{left:24px;bottom:68px;gap:16px;font-size:12px;min-height:44px}
 .film-enter>span{width:34px;height:34px;font-size:20px}
 .film-about{grid-template-columns:var(--film-portrait-size) minmax(0,1fr);grid-template-rows:var(--film-about-title-h) auto;column-gap:18px;row-gap:25px;align-content:start;padding:28px 24px 67px}
 .film-about-title{grid-column:1/-1;grid-row:1}
 .film-about-title>.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:19px}
 .film-about-title h2{font-size:clamp(33px,10.3vw,44px);line-height:.95;letter-spacing:-.035em}
 .film-about>[data-film-slot="portrait"]{grid-column:1;grid-row:2;align-self:start;width:var(--film-portrait-size);height:var(--film-portrait-size)}
 .film-about-text{grid-column:2;grid-row:2}
 .film-about-text p{font-size:12px;line-height:1.65}
 .film-about-text p+p{margin-top:13px}
 .film-about-signature{font-size:20px;line-height:1.1;margin-top:15px}
 .film-chapter-copy{left:24px;top:46px;width:calc(100% - 48px)}
 .film-chapter-copy:before{inset:-28px -10px -28px -24px;background:radial-gradient(ellipse at 20% 40%,#260b128c,transparent 75%)}
 .film-chapter-copy>.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:21px}
 .film-chapter-copy h2{font-size:clamp(40px,12vw,60px);line-height:.94;max-width:90%}
 .film-chapter-copy p{font-size:12px;line-height:1.75;margin-top:20px;max-width:250px}
 .film-copy{justify-content:flex-start;padding:34px 24px 72px}
 .film-copy:before{background:linear-gradient(180deg,#f1e7d6f2,#f1e7d6b3 27%,#f1e7d600 58%)}
 .film-copy>.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:21px}
 .film-copy h2{font-size:clamp(42px,13vw,64px);line-height:.92}
 .film-copy p{font-size:12px;line-height:1.8;margin-top:19px;max-width:285px}
 .film-tech-copy h2{font-size:12vw}
 .film-tech-copy .scene-text-link{font-size:11px;margin-top:7px;padding:11px 0}
 .film-city-copy{padding-right:24px}
 .film-spread{padding:24px 0 64px}
 .film-spread-book{--film-book-h:min(68svh,480px);width:94vw;border-radius:2px 5px 5px 2px;box-shadow:0 16px 30px #30291d38,0 2px 4px #30291d2b}
 .film-spread-page{padding:18px 12px 20px}
 .film-spread-page>span{font-size:5px;letter-spacing:.8px;line-height:1.5}
 .film-spread-page>.film-slot{width:min(100%,calc((var(--film-book-h) - 100px)*.5625));margin:14px 0}
 .film-spread-page>p{font-size:23px;line-height:1.05}
 .film-spread-book:after{left:calc(50% - 8px);width:16px}
 .film-hud{left:24px;right:174px;bottom:23px;font-size:6px;letter-spacing:1px;gap:10px}
 .film-hud>[data-film-label]{display:none}
 .film-skip{right:18px;bottom:10px;min-height:44px;padding:8px 10px;font-size:9px;gap:12px}
 .film-skip>span{font-size:17px}
 .film-fallback{padding-top:0;padding-bottom:30px}
 .film-fallback>article{grid-template-columns:1fr;gap:27px;padding:40px 0}
 .film-fallback>article>img{width:auto;max-width:100%;height:auto;max-height:64svh}
 .film-fallback h2{font-size:12vw;margin-top:19px}
 .film-fallback p{font-size:12px;line-height:1.85;margin-top:21px}
 .putt-button{min-height:56px;gap:28px;padding:10px 11px 10px 22px;font-size:12px;margin-top:25px}
}
@media(max-width:350px){
 .film{--film-portrait-size:128px}.film-about{column-gap:14px}.film-about-text p{font-size:11px;line-height:1.6}.film-about-signature{font-size:18px;margin-top:12px}.film-copy{padding-top:28px}.film-copy h2{font-size:13vw}.film-tech-copy h2{font-size:12vw}.film-copy p{font-size:12px}.film-chapter-copy{top:32px}.film-chapter-copy h2{font-size:12.2vw}.film-hud{right:162px;font-size:5px;letter-spacing:.8px}.film-skip{right:15px;font-size:8px;gap:9px}.film-spread-page>p{font-size:20px}.putt-button{gap:23px}
}
@media(max-width:700px) and (max-height:680px){
 .film{--film-about-title-h:106px}.film-about{padding-top:22px;row-gap:20px}.film-about-title>.eyebrow{margin-bottom:14px}.film-about-title h2{font-size:9.7vw}.film-about-text p{font-size:11px;line-height:1.55}.film-about-text p+p{margin-top:10px}.film-about-signature{font-size:18px;margin-top:11px}.film-enter{bottom:59px}.film-copy{padding-top:25px}.film-copy>.eyebrow{margin-bottom:16px}.film-copy h2{font-size:11.6vw}.film-copy p{margin-top:15px}.film-chapter-copy{top:25px}.film-chapter-copy>.eyebrow{margin-bottom:16px}.film-chapter-copy h2{font-size:11vw}.film-chapter-copy p{margin-top:15px}
}
@media(orientation:landscape) and (max-height:540px){
 .film-stage{height:calc(100svh - var(--header-h));min-height:0}
 html:not(.film-mounted) .film-portrait{left:27.2%;top:34%;width:16.9%;height:30.8%}
 html:not(.film-mounted) .film-greeting{left:28.2%;top:64.9%;width:16.6%;height:8.7%}
 html:not(.film-mounted) .film-greeting p{font-size:clamp(12px,1.6vw,20px)}
 .film-opening-caption>.eyebrow{top:16px;font-size:6px}.film-enter{bottom:50px;font-size:11px;gap:13px}
 .film{--film-portrait-size:clamp(120px,36svh,180px)}
 .film-about{grid-template-columns:var(--film-portrait-size) minmax(0,1fr);grid-template-rows:auto auto;column-gap:35px;row-gap:12px;align-content:center;padding:21px var(--gutter) 61px}
 .film-about-title{grid-column:2;grid-row:1}.film-about-title>.eyebrow{font-size:6px;margin-bottom:10px}.film-about-title h2{font-size:clamp(27px,4.7vw,39px);line-height:.92}
 .film-about>[data-film-slot="portrait"]{grid-column:1;grid-row:1/3;align-self:center}
 .film-about-text{grid-column:2;grid-row:2}.film-about-text p{font-size:10px;line-height:1.55}.film-about-text p+p{margin-top:7px}.film-about-signature{font-size:19px;margin-top:8px}
 .film-chapter-copy{top:24px;left:var(--gutter);width:55%}.film-chapter-copy>.eyebrow{font-size:6px;margin-bottom:13px}.film-chapter-copy h2{font-size:clamp(30px,5vw,48px)}.film-chapter-copy p{font-size:12px;line-height:1.55;margin-top:13px}
 .film-copy{justify-content:center;padding:20px var(--gutter) 55px}.film-copy:before{background:linear-gradient(90deg,#f1e7d6f0,#f1e7d6b3 30%,transparent 70%)}.film-copy>.eyebrow{font-size:6px;margin-bottom:12px}.film-copy h2{font-size:clamp(30px,5vw,47px)}.film-copy p{font-size:12px;line-height:1.55;margin-top:13px}.film-tech-copy .scene-text-link{margin-top:2px;font-size:10px;min-height:44px;padding:6px 0}
 .film-spread{padding:15px 0 54px}.film-spread-book{--film-book-h:calc(100svh - var(--header-h) - 80px);width:min(650px,76vw)}.film-spread-page{padding:12px 23px}.film-spread-page>span{font-size:5px}.film-spread-page>.film-slot{width:min(100%,calc((var(--film-book-h) - 65px)*.5625));margin:8px 0}.film-spread-page>p{font-size:19px}
 .film-hud{bottom:20px;font-size:5px}.film-skip{bottom:7px;min-height:44px;font-size:8px;padding:6px 10px}.film-skip>span{font-size:15px}
}
@media(orientation:landscape) and (max-height:380px){
 .film-about{padding-top:14px;padding-bottom:48px;row-gap:8px}.film-about-title>.eyebrow{margin-bottom:8px}.film-about-title h2{font-size:26px}.film-about-text p{font-size:10px;line-height:1.4}.film-about-text p+p{margin-top:5px}.film-about-signature{font-size:17px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){
 .film,.film-ready:not(.motion-off) .film{height:auto!important}
 .film-stage,.film-ready:not(.motion-off) .film-stage{position:relative!important;top:0!important}
 .film-stage>.film-scene:not(.film-interior),.film-stage>.film-surface:not(.film-portrait):not(.film-greeting),.film-stage>[data-film-copy]:not([data-film-copy="opening"]),.film-page-turn,.film-ball{visibility:hidden!important}
 .film-interior,.film-opening-caption,.film-mounted .film-portrait,.film-mounted .film-greeting{visibility:visible!important;opacity:1!important}
 .film-fallback,.film-ready:not(.motion-off) .film-fallback{display:block!important}
 .film-hud{display:none}
 .putt-button{transition:none}.putt-ball{animation:none!important;transform:none!important;opacity:1!important}
}

/* v17: the camera holds on the monitor while the complete office content scrolls. */
.film-track{display:none}
.film-office-veil{display:none;position:absolute;inset:0;z-index:38;pointer-events:none;background:#260b12;opacity:calc(var(--office-reveal,0)*.78);-webkit-backdrop-filter:blur(calc(var(--office-reveal,0)*7px));backdrop-filter:blur(calc(var(--office-reveal,0)*7px))}
.film-office{--film-office-ink:var(--ink);--film-office-muted:var(--muted);--film-office-line:var(--line);position:relative;z-index:50;background:var(--paper);color:var(--film-office-ink);padding-top:clamp(72px,12svh,120px);padding-bottom:clamp(72px,11svh,110px);scroll-margin-top:0}
.film-office .tech-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(45px,8vw,135px);padding-top:0;padding-bottom:0;border-bottom:0;align-items:start}
.film-office .tech-services-copy,.film-office .project-note{min-width:0}
.film-office .eyebrow{color:var(--film-office-ink);font-size:8px;letter-spacing:1.5px;line-height:1.6}
.film-office .tech-services-copy h3{font-size:clamp(52px,5vw,84px);line-height:1.01;letter-spacing:-.035em;margin-top:26px;color:var(--film-office-ink)}
.film-office .tech-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px;margin-top:28px}
.film-office .tech-services li{font-size:12px;line-height:1.7;padding:15px 0;border-color:var(--film-office-line);color:var(--film-office-ink)}
.film-office .project-note{padding-left:clamp(28px,4.6vw,78px);border-color:var(--film-office-line)}
.film-office .project-symbol{color:var(--film-office-muted);font-size:38px;margin-top:22px}
.film-office .project-note h3{font-size:clamp(48px,4.2vw,72px);line-height:1.02;letter-spacing:-.03em;margin-top:23px;color:var(--film-office-ink)}
.film-office .project-note p{font-size:13px;line-height:1.85;color:var(--film-office-muted);max-width:450px;margin-top:25px}
.film-office .project-note .project-small{font-size:12px;line-height:1.75;margin-top:16px}
.film-office .text-link{min-height:48px;gap:22px;font-size:12px;line-height:1.6;color:var(--film-office-ink);margin-top:27px;padding-top:0;padding-bottom:0}
.film-office .round-arrow{width:48px;height:48px;min-width:48px;border-color:var(--film-office-line);font-size:24px}
@media(prefers-reduced-motion:no-preference){
 .film-ready:not(.motion-off) .film-track{display:block;height:calc(500svh + var(--header-h));pointer-events:none}
 .film-ready:not(.motion-off) .film-office-veil{display:block}
 .film-ready:not(.motion-off) .film-office{--film-office-ink:#fff8e8;--film-office-muted:#e2cbb7;--film-office-line:#f1e7d647;background:transparent}
 .film-ready:not(.motion-off) .film-office a:focus-visible{outline-color:#fff1c9;outline-offset:6px}
 .film-ready:not(.motion-off) .film-office .text-link:hover .round-arrow{background:#fff8e817;color:#fff8e8;transform:translate(2px,-2px)}
 .film[data-office-active="true"] .film-hud,.film[data-office-active="true"] .film-skip,.film[data-office-active="1"] .film-hud,.film[data-office-active="1"] .film-skip{opacity:0;pointer-events:none}
}
@media(max-width:700px){
 .film-office{padding-top:65px;padding-bottom:65px}
 .film-office .tech-details{display:block}
 .film-office .eyebrow{font-size:8px;letter-spacing:1.3px}
 .film-office .tech-services-copy h3{font-size:clamp(40px,11.3vw,48px);line-height:1.02;margin-top:24px}
 .film-office .tech-services{gap:0 20px;margin-top:25px}
 .film-office .tech-services li{font-size:12px;line-height:1.65;padding:14px 0}
 .film-office .project-note{padding:33px 0 0;margin-top:37px;border-left:0;border-top:1px solid var(--film-office-line)}
 .film-office .project-symbol{font-size:30px;margin-top:20px}
 .film-office .project-note h3{font-size:clamp(40px,11.3vw,48px);line-height:1.04;margin-top:19px}
 .film-office .project-note p{font-size:13px;line-height:1.8;margin-top:23px;max-width:100%}
 .film-office .project-note .project-small{font-size:12px;line-height:1.75;margin-top:15px}
 .film-office .text-link{font-size:12px;gap:20px;min-height:48px;margin-top:24px}
}