:root{--paper:#f3f0e9;--ink:#202023;--muted:#73716e;--line:#d9d6cf;--accent:#af3929;--dark:#18191b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ad692f;outline-offset:5px}header{height:110px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 64px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:750;letter-spacing:-1.5px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--paper);background:var(--accent);font:italic bold 33px Georgia,serif}.brand-note{font:9px/1.5 Arial,sans-serif;letter-spacing:1.8px;max-width:75px;margin-left:12px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav button{border:0;background:none;padding:0}nav a:hover,footer button:hover{color:var(--accent)}#saved-count{margin-left:5px;background:#e4ded4;padding:3px 7px;border-radius:50%;font-size:11px}main{max-width:1440px;margin:auto;padding:0 64px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;min-height:660px;padding:55px 0 60px;align-items:center}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;line-height:1.6}.hero .eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 30px}.eyebrow>span{height:7px;width:7px;background:var(--accent);border-radius:50%}h1{font-size:clamp(58px,6.3vw,90px);font-weight:500;letter-spacing:-5px;line-height:1.02;margin:0}h1 i{display:block;font-family:Georgia,serif;color:var(--accent);font-weight:400;font-size:.91em;letter-spacing:-4px;margin-top:8px}.hero-desc{font-size:15px;line-height:1.8;max-width:380px;color:#625f5a;margin:28px 0}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--paper);padding:15px 23px;font-size:13px;border-radius:2px;transition:.2s}.primary:hover{background:var(--accent)}.primary span{font-size:20px}.hero-footer{display:flex;gap:22px;font-size:9px;color:var(--muted);margin-top:40px}.hero-footer span:last-child{letter-spacing:1px}.hero-art{height:535px;position:relative;overflow:hidden;background:linear-gradient(155deg,#c8a281 0,#a85539 40%,#242e32 90%);color:#f4e6ca}.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#1111110a 3px 4px);mix-blend-mode:multiply}.moon{position:absolute;width:150px;height:150px;border-radius:50%;background:#edd9ac;box-shadow:0 0 80px #edc89e66;top:50px;right:50px}.light-column{position:absolute;left:0;top:0;bottom:0;width:55%;background:linear-gradient(90deg,#31181180,transparent)}.building{position:absolute;bottom:-10px;background-color:#26302f;background-image:repeating-linear-gradient(0deg,transparent 0 24px,#27322f 24px 44px),repeating-linear-gradient(90deg,#bd9863 0 5px,transparent 5px 22px);border:17px solid #26302f;box-shadow:-8px 0 0 #162321}.building.a{height:310px;right:-10px;width:135px;transform:skewY(-8deg)}.building.b{height:210px;right:130px;width:130px;transform:skewY(8deg);filter:brightness(.8)}.building.c{height:130px;right:250px;width:200px;filter:brightness(.55)}.art-title{position:absolute;top:70px;left:34px;font-size:49px;font-weight:bold;letter-spacing:-2px;line-height:1.05;text-shadow:0 2px 40px #2225;max-width:290px}.art-title em{font-family:Georgia,serif;font-weight:400}.art-label{position:absolute;bottom:43px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;border-top:1px solid #ffffff70;padding-top:15px}.art-caption{position:absolute;bottom:14px;left:30px;font-size:7px;letter-spacing:1.8px;opacity:.6}.collection{padding:38px 0 64px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2{font-size:36px;font-weight:500;letter-spacing:-1.6px;margin:8px 0 0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.section-heading .eyebrow{color:var(--accent);margin:0}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:3px;padding:8px 15px;background:transparent;font-size:12px;transition:.15s}.filters button.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #a9a59b;max-width:200px}.search span{font-size:25px}.search input{border:none;background:none;width:100%;font-size:12px;padding:8px 0;outline-offset:1px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 25px}.card{position:relative}.poster{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;height:300px;padding:26px;border:none;width:100%;text-align:left;background:var(--pbg);color:var(--pfg);transition:filter .2s}.poster:hover{filter:brightness(1.12)}.poster:before{content:"";position:absolute;inset:30% 0 0;background:var(--art);opacity:.85;transition:transform .5s}.poster:hover:before{transform:scale(1.04)}.poster-number{font-size:10px;letter-spacing:1px;position:relative;z-index:1}.poster-name{font-size:36px;font-weight:bold;letter-spacing:-1px;line-height:1.07;position:relative;z-index:1;max-width:230px}.poster-name small{display:block;font-weight:400;font-size:9px;letter-spacing:2px;margin-top:14px}.poster[data-art="office"]:before{inset:0;background:repeating-linear-gradient(90deg,transparent 0 30px,#ffffff15 30px 32px),linear-gradient(45deg,transparent 45%,#8ca49b 45% 58%,transparent 58%);transform:perspective(400px) rotateX(20deg) scale(1.5)}.poster[data-art="woods"]:before{background:repeating-conic-gradient(from 345deg at 50% 100%,#111e15 0 15deg,transparent 15deg 30deg);height:80%;top:25%}.poster[data-art="city"]:before{background:repeating-linear-gradient(90deg,#272523 0 28px,transparent 28px 32px);transform:skewY(-15deg);top:50%}.poster[data-art="sun"]:before{background:radial-gradient(circle at 70% 35%,#f6c86c 0 20%,transparent 20.5%),linear-gradient(10deg,#997e60 0 35%,transparent 35%);inset:0}.poster[data-art="chess"]:before{background:repeating-conic-gradient(#b08c61 0% 25%,#43392d 0% 50%) 50%/60px 60px;transform:perspective(180px) rotateX(35deg);top:35%}.poster[data-art="football"]:before{background:linear-gradient(130deg,transparent 40%,#f4e9d1 40% 42%,transparent 42%),repeating-linear-gradient(0deg,#284d4f 0 50px,#335d5c 50px 100px);top:40%}.save{position:absolute;right:12px;top:12px;z-index:2;background:#f3f0e9ed;border:0;width:31px;height:31px;border-radius:50%;font-size:21px}.save[aria-pressed="true"]{color:var(--accent)}.card h3{font-size:19px;font-weight:500;margin:13px 0 3px;letter-spacing:-.4px}.card .meta{font-size:10px;color:var(--muted);letter-spacing:.3px}.card p{font-size:13px;color:#64615c;line-height:1.65;margin:10px 0}.card-link{background:none;border:0;padding:0;font-size:11px;color:var(--accent)}.pause{background:#deddd4;display:grid;grid-template-columns:55px 1.5fr 1fr;gap:30px;align-items:center;padding:38px;margin:0 0 70px}.pause-icon{font-size:40px;font-weight:200;color:var(--accent)}.pause h2{font-size:28px;line-height:1.3;font-weight:400;letter-spacing:-.8px;margin:5px 0}.pause h2 i{font-family:Georgia,serif;color:var(--accent)}.pause .eyebrow{font-size:8px}.pause>p{font-size:12px;color:#64645b;line-height:1.8}.notes{padding-bottom:60px}.small-label{font-size:9px;color:var(--muted);letter-spacing:1.5px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.note{border:0;padding:0;background:none;text-align:left;display:block}.note-art{display:flex;height:210px;background:#2c3533;position:relative;overflow:hidden;align-items:center;justify-content:center;color:#d5d4bc;margin-bottom:22px}.rhythm b{font-size:35px;border:1px solid #bdbcb466;border-radius:50%;padding:15px 22px;z-index:1}.rhythm i{position:absolute;height:400px;width:100px;transform:rotate(35deg);background:#59696355;left:15%}.rhythm i:nth-of-type(2){left:45%}.rhythm i:nth-of-type(3){left:75%}.pilot{background:#c6a179;color:#3e3c37;justify-content:flex-start;padding:25px}.pilot b{font-size:180px;line-height:1;font-family:Georgia,serif;font-weight:400;letter-spacing:-20px}.pilot>span{font-size:10px;letter-spacing:2px;line-height:1.8;margin-left:50px;border-top:1px solid #504336;padding-top:15px}.note-meta{font-size:9px;letter-spacing:1.4px;color:var(--accent)}.note h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:12px 0}.note p{font-size:13px;color:var(--muted);max-width:420px}.read-more{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:4px}.about{border-top:1px solid var(--line);padding:45px 0;display:flex;gap:40px}.about .brand-icon{flex-shrink:0;width:60px;height:60px;font-size:45px}.about>div{max-width:650px}.about h2{font-size:23px;font-weight:500;margin:0 0 12px}.about p{font-size:12px;color:var(--muted);line-height:1.8}footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 64px 35px;font-size:10px;color:var(--muted)}footer button{border:0;background:none;font-size:10px;padding:0}dialog{max-width:650px;width:calc(100% - 35px);padding:48px;border:1px solid var(--line);background:var(--paper);color:var(--ink);max-height:85vh}dialog::backdrop{background:#18191bc7;backdrop-filter:blur(4px)}.close{position:absolute;top:8px;right:15px;background:none;border:0;font-size:30px}.modal-title{font-size:36px;line-height:1.1;letter-spacing:-1px;margin:15px 0 25px}.modal-copy p{font-size:15px;line-height:1.85;color:#585650}.modal-copy a{color:var(--accent);text-decoration:underline}.modal-foot{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--ink);color:white;padding:12px 24px;font-size:12px;transition:.2s;z-index:5;border-radius:4px}#toast.show{transform:translateX(-50%) translateY(0)}
.card{min-width:0}.poster-name{overflow-wrap:anywhere}
@media(min-width:1440px){.hero-art{height:550px}.hero{gap:80px}}@media(max-width:1000px){header,main{padding-left:30px;padding-right:30px}header{height:85px}.brand-note{display:none}nav{gap:18px}.hero{gap:30px;min-height:570px}.hero-art{height:470px}h1{font-size:66px}.art-title{font-size:40px;left:25px}.hero-footer{display:block}.hero-footer span{display:block;margin-top:8px}.poster{height:260px;padding:20px}.poster-name{font-size:30px}.pause{grid-template-columns:35px 1fr}.pause>p{grid-column:2}.pause{gap:15px}.pilot>span{margin-left:25px}.pilot b{font-size:130px}footer{padding-left:30px;padding-right:30px}}
@media(max-width:700px){header{height:auto;min-height:80px;gap:20px;padding:20px;flex-wrap:wrap}.brand{font-size:25px}.brand-icon{width:35px;height:35px;font-size:29px}nav{gap:19px;font-size:11px;width:100%;justify-content:space-between}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0;gap:35px}.hero .eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:74px;letter-spacing:-4px}.hero-desc{font-size:14px;max-width:330px}.hero-footer{display:flex;justify-content:space-between;gap:8px;font-size:8px;margin-top:25px}.hero-art{height:390px}.art-title{font-size:44px}.moon{width:120px;height:120px;right:30px;top:30px}.building.a{height:240px}.building.b{height:170px}.collection{padding-top:30px}.section-heading h2{font-size:29px;letter-spacing:-1px}.section-heading>p,.small-label{display:none}.section-heading .eyebrow{font-size:8px}.toolbar{flex-direction:column}.filters{gap:6px}.filters button{padding:7px 10px;font-size:11px}.search{max-width:100%}.cards{grid-template-columns:repeat(2,1fr);gap:25px 15px}.poster{height:230px;padding:15px}.poster-name{font-size:25px}.poster-name small{font-size:7px;letter-spacing:1px}.poster-number{font-size:8px}.card h3{font-size:17px}.card p{font-size:12px}.card .meta{font-size:9px}.pause{padding:25px 20px;margin-bottom:45px;grid-template-columns:25px 1fr;gap:13px}.pause h2{font-size:23px}.pause>p{font-size:11px}.note-grid{grid-template-columns:1fr;gap:35px}.note-art{height:220px}.note h3{font-size:23px}.about{gap:20px;padding:30px 0}.about .brand-icon{width:40px;height:40px;font-size:30px}.about h2{font-size:20px}footer{padding:20px;flex-wrap:wrap;gap:15px}footer>span:nth-child(2){display:none}dialog{padding:35px 25px}.modal-title{font-size:29px}.modal-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}