:root{--navy:#111c32;--red:#ed302b;--white:#fff;--grey:#e9e9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--navy);font:16px/1.5 Arial,Helvetica,sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button,summary{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #4986f5;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p{margin:0}h1,h2{margin:0;font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:.95}h2{font-size:clamp(44px,6.1vw,108px)}em{font-style:normal;color:var(--red)}.small,.mast,.studio-note,.tie-label,figcaption{font-size:12px;font-weight:700;letter-spacing:.06em}.skip{position:absolute;top:-70px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.opening{padding:30px 36px 0;position:relative}.mast{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.mast>span:first-child{display:flex;align-items:center;gap:9px}.red-dot{width:10px;height:10px;background:var(--red);border-radius:50%}.mast>[data-ticker]{font-size:18px}h1{font-size:clamp(55px,7.65vw,160px);text-transform:uppercase;max-width:100%;margin-bottom:24px;letter-spacing:-.065em}.stage{position:relative;background:#c50000;overflow:hidden}.hero-image{width:100%;height:clamp(350px,35.5vw,680px);object-fit:cover;object-position:center 43%}.stage-line{position:absolute;left:3%;bottom:10%;color:white;font-family:'Arial Black',Arial,sans-serif;font-size:clamp(30px,4.3vw,84px);letter-spacing:-.055em;line-height:.95;font-weight:900}.studio-note{position:absolute;color:white;right:3%;bottom:8%;max-width:170px}.action-shelf{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;background:var(--navy);padding:14px;gap:10px;align-items:stretch}.service{display:flex;gap:12px;justify-content:center;align-items:center;min-height:64px;text-decoration:none;font-weight:bold;color:white;border:1px solid #6c7483;transition:background .15s,transform .15s}.service.primary{background:var(--red);border-color:var(--red)}.service img{flex:none}.service:hover,.buy-link:hover{background:#334462}.service.primary:hover{background:#c91c20}.service:active,button:active{transform:translateY(2px)}.contract{min-width:0;color:white;padding:3px 12px}.contract>.small{font-size:10px;color:#b9bfca;display:block}.contract button{border:0;background:none;color:white;display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 0;gap:8px;text-align:left;font-size:14px;min-height:35px;cursor:pointer}.contract button:disabled{cursor:default}.contract button:disabled #copy-label{display:none}#ca-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Consolas,monospace}#copy-label{white-space:nowrap;color:#d1d6e1;text-decoration:underline}.copy-status{font-size:13px;min-height:20px;margin-top:5px}#manual-copy{background:#e9e9e9;padding:15px;margin:10px 0}#manual-copy input{display:block;width:100%;margin-top:10px;font:14px Consolas,monospace;padding:10px}.preparation{padding:88px 7% 85px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.intro h2{flex:2}.intro p{flex:1;max-width:355px;font-size:18px;line-height:1.6;margin-bottom:4px}.prep-montage{display:grid;grid-template-columns:1.65fr 1fr;gap:5.5%;align-items:start}.hair{padding-top:70px}.hair img{width:100%}.hair figcaption{margin-top:16px}.tie{position:relative;display:flex;flex-direction:column}.tie-label{margin-bottom:20px}.tie img{width:100%}.camera-room{background:var(--navy);color:white;display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;padding:95px 7% 75px;position:relative}.camera-copy{align-self:center}.camera-copy>.small{display:block;margin-bottom:28px;color:#c2c9d5}.camera-copy h2{font-size:clamp(48px,6.4vw,115px)}.camera-copy p{margin-top:28px;color:#c2c9d5;max-width:250px}.machine{width:100%;max-width:550px;justify-self:end}.camera-top{height:240px;background:#d7d9db;border-radius:22px 22px 0 0;position:relative;color:var(--navy);border:4px solid #a3a7ae;box-shadow:inset 0 0 0 2px #f8f8f8;padding:21px}.camera-brand{font-weight:900;font-size:25px;letter-spacing:-.06em}.camera-top>.small{position:absolute;left:24px;bottom:22px;font-size:9px}.lens{position:absolute;right:25px;top:35px;width:160px;height:160px;border:12px solid #202633;border-radius:50%;background:repeating-radial-gradient(#333 0 2px,#111 3px 6px);display:grid;place-items:center;box-shadow:0 4px 8px #0004}.lens div{width:95px;height:95px;border:9px solid #121621;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8996bc 0 3%,#3b5367 5%,#182130 28%,#090b10 65%)}#shutter{position:absolute;left:24px;top:95px;width:150px;min-height:55px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--red);border:2px solid #b21c20;border-radius:5px;box-shadow:0 4px #8c171c;color:white;font-size:13px;font-weight:bold;cursor:pointer}.shutter-dot{width:12px;height:12px;background:white;border-radius:50%;flex:none}.print-slot{height:18px;background:#040a16;border:5px solid #9298a2;border-top:0}.print{background:#fff;color:var(--navy);padding:17px 17px 22px;width:83%;margin:auto;box-shadow:0 12px 24px #0005;position:relative;transform:rotate(-3deg);transform-origin:top center}.print img{width:100%;height:auto}.print figcaption{font-size:10px;text-align:center;margin-top:18px;letter-spacing:.025em}.camera-aside{grid-column:1;font-size:12px;color:#c2c9d5;align-self:end;margin-top:30px}.developing .print{animation:print .7s ease-out}@keyframes print{0%{transform:translateY(-25px) rotate(-3deg);opacity:.3}100%{transform:translateY(0) rotate(-3deg);opacity:1}}.wrap{padding-top:80px;position:relative}.wrap-copy{padding:0 7%;position:relative;z-index:1}.wrap-copy>.small{display:block;margin-bottom:20px}.wrap h2{font-size:clamp(46px,5.5vw,100px)}.wrap>img{width:100%;margin-top:-80px}.wrap details{margin:0 7% 65px;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:bold;font-size:25px;padding:28px 0;min-height:80px}summary::-webkit-details-marker{display:none}.plus{margin-left:auto;font-size:36px;font-weight:400}details[open] .plus{font-size:0}details[open] .plus:after{content:'−';font-size:36px}.buy-content{max-width:810px;padding:0 0 30px}.buy-content ol{padding-left:23px;line-height:1.7}.buy-content li{margin:14px 0}.buy-link{display:inline-flex;gap:10px;align-items:center;padding:12px 18px;background:var(--navy);color:white;text-decoration:none;font-weight:bold;min-height:50px}footer{display:flex;justify-content:space-between;gap:22px;background:var(--navy);color:white;padding:27px 7%;font-size:12px}footer a{text-underline-offset:4px}footer>[data-name]{font-weight:bold}
@media(min-width:1650px){.opening{padding-left:55px;padding-right:55px}.intro p{max-width:430px;font-size:20px}.preparation{padding-top:120px}.camera-top{height:270px}.lens{width:180px;height:180px;top:40px;right:35px}.print figcaption{font-size:12px}#shutter{width:180px;top:110px;font-size:15px}.camera-top>.small{font-size:11px}}
@media(max-width:1000px){.opening{padding:25px 22px 0}.action-shelf{grid-template-columns:1.15fr 1fr 1fr;padding:10px;gap:8px}.service{font-size:14px;gap:8px;min-height:58px}.contract{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:2px 10px}.contract>.small{white-space:nowrap}.contract button{width:auto;flex:1}.intro{gap:30px}.intro p{font-size:16px}.camera-room{column-gap:5%;padding:70px 5%}.camera-top{height:205px;padding:15px}.camera-brand{font-size:20px}.lens{width:115px;height:115px;right:16px;top:50px;border-width:8px}.lens div{width:70px;height:70px;border-width:7px}#shutter{left:18px;top:85px;width:120px;font-size:11px;gap:6px}.camera-top>.small{left:18px;font-size:8px}.print{width:90%;padding:12px 12px 16px}.print figcaption{font-size:9px}.wrap>img{margin-top:-50px}}
@media(max-width:600px){.opening{padding:20px 14px 0}.mast{margin-bottom:20px;font-size:10px}.mast>[data-ticker]{font-size:15px}h1{font-size:clamp(45px,12.8vw,75px);line-height:.92;letter-spacing:-.065em;margin-bottom:20px;max-width:100%}.hero-image{height:320px;object-position:50% 42%}.stage-line{font-size:29px;bottom:7%;left:5%;max-width:90px}.studio-note{font-size:9px;right:4%;bottom:7%;max-width:78px;line-height:1.3}.action-shelf{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.service{min-height:48px;font-size:12px;gap:7px}.service.primary{grid-column:1/-1;font-size:15px;min-height:52px}.service img{width:22px;height:22px}.contract{padding:8px 0 1px;gap:10px;display:block}.contract button{width:100%;font-size:13px;min-height:26px}.contract>.small{font-size:8px}.copy-status{min-height:15px;margin-top:4px;font-size:11px}.preparation{padding:65px 20px 55px}.intro{display:block;margin-bottom:30px}.intro h2{font-size:49px}.intro p{margin-top:24px;font-size:16px;max-width:330px}.prep-montage{grid-template-columns:1fr 1fr;gap:15px}.hair{padding-top:0;grid-column:1/-1}.hair figcaption{font-size:10px;margin-top:10px}.tie{grid-column:2;grid-row:2;min-width:0;margin-top:10px}.tie-label{font-size:9px;margin-bottom:10px}.tie img{width:100%}.prep-montage:after{content:'The tie is straight. The production is excessive.';grid-column:1;grid-row:2;align-self:center;font-size:25px;font-weight:bold;line-height:1.1;letter-spacing:-.04em;max-width:140px}.camera-room{display:block;padding:50px 25px}.camera-copy h2{font-size:52px}.camera-copy>.small{font-size:10px;margin-bottom:20px}.camera-copy p{margin-top:22px;font-size:15px;max-width:290px}.machine{max-width:360px;margin:35px auto 0}.camera-top{height:210px}.lens{width:125px;height:125px;right:17px;top:42px}.lens div{width:77px;height:77px}.camera-top>.small{font-size:8px}#shutter{width:125px;font-size:11px;left:15px}.print{width:87%}.print figcaption{font-size:9px}.camera-aside{margin-top:35px}.wrap{padding-top:50px}.wrap-copy{padding:0 20px}.wrap h2{font-size:48px}.wrap-copy>.small{font-size:10px}.wrap>img{margin-top:25px}.wrap details{margin:25px 20px 40px}summary{font-size:21px;padding:18px 0;min-height:68px}.buy-content{font-size:14px}footer{padding:22px 20px;flex-wrap:wrap;gap:15px}footer>[data-name]{width:100%}footer a{margin-left:auto}}
.hero-image{height:min(35.5vw,calc(100svh - 490px));min-height:320px;object-position:center 12%}
@media(max-width:600px){.hero-image{height:320px;object-position:50% 42%}.stage-line{font-size:25px;max-width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}