/*
Theme Name: Three Doors
Description: George Ayers Three Doors, migrated into editable WordPress content.
Version: 1.0.0
Author: George Ayers
*/
:root{color-scheme:dark;font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;color:#fff;background:#111;--purple:#a777ed}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #d5bbff;outline-offset:5px}.landing{position:relative;isolation:isolate;min-height:820px;height:100svh;display:flex;flex-direction:column;overflow:hidden}.paintings,.painting,.shade{position:absolute;inset:0;width:100%;height:100%}.paintings{z-index:-3}.painting{object-fit:cover;object-position:var(--focus);opacity:0;transition:opacity 1.8s ease-in-out}.painting.active{opacity:1}.shade{z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 27%,rgba(0,0,0,.1) 38%,rgba(0,0,0,.4) 57%,rgba(0,0,0,.76) 100%)}header{padding:34px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:16px;letter-spacing:.22em;font-weight:500}.wordmark span{display:block;margin-top:8px;font-size:12px;letter-spacing:.22em;font-weight:400;color:#ddd}.header-note{font-size:14px;letter-spacing:.06em;color:#e2e2e2}.identity{text-align:center;margin:auto 24px 65px;padding-top:150px;text-shadow:0 2px 25px #0009}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:500;line-height:1.7;margin:0 0 22px}.identity .eyebrow{font-size:clamp(20px,1.55vw,26px);letter-spacing:.16em;line-height:1.5;margin-bottom:24px}h1{font-weight:300;font-size:clamp(48px,6.4vw,106px);letter-spacing:.12em;line-height:1.1;margin:0 0 22px;padding-left:.12em}.tagline{display:inline-block;white-space:nowrap;font-size:clamp(26px,2.15vw,35px);line-height:1.5;font-weight:400;color:#f0eeee;margin:0}.mobile-break{display:none}.lower{padding:0 4.5%}.entrances{display:grid;grid-template-columns:repeat(3,1fr);max-width:1140px;margin:0 auto;gap:30px}.entrance{text-align:left;background:linear-gradient(180deg,#0000,#0001);border:0;border-top:1px solid #ffffff65;padding:24px 12px 22px;transition:background .25s,border-color .25s;min-width:0}.entrance:hover{background:#ffffff0b;border-color:white}.door-label{display:block;font-size:clamp(23px,2.3vw,35px);font-weight:400;letter-spacing:.025em}.door-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:14px;line-height:1.5;color:#d6d2d9;letter-spacing:.02em}.door-detail span{font-size:21px;transition:transform .25s}.entrance:hover .door-detail span{transform:translate(3px,-3px)}.atelier{border-color:#b084ed;background:linear-gradient(180deg,#9d58e92b,#9d58e905)}.atelier:hover{background:#9d58e936;border-color:#d5bbff}.atelier .door-detail{color:#e2c9ff}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 0 22px;margin-top:25px}.caption{display:flex;gap:16px;align-items:center;font-size:14px;line-height:1.5;color:#e1dce3}.caption-prefix{font-size:11px;letter-spacing:.18em;color:#b7b2bc}.controls,.slide-select{display:flex;align-items:center;gap:8px}.controls button{background:transparent;border:0;min-width:40px;height:44px;font-size:13px;color:#bbb5c1;position:relative}.controls button[aria-pressed=true]{color:white}.controls button[aria-pressed=true]:after{content:"";position:absolute;bottom:1px;left:10px;right:10px;height:2px;background:#c19aea}#pause{border-left:1px solid #ffffff35;margin-left:10px;font-size:18px;padding-left:17px;min-width:48px}dialog{background:#19161d;color:#fff;border:1px solid #ffffff30;padding:48px;max-width:520px;width:calc(100% - 40px);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#08060baa;backdrop-filter:blur(7px)}dialog h2{font-size:36px;font-weight:300;margin:0 0 20px}dialog p{font-size:16px;line-height:1.7;color:#e0dbe5}dialog .eyebrow{font-size:11px;color:#d5b6ff}.close{position:absolute;right:12px;top:7px;border:0;background:none;font-size:30px;width:44px;height:44px}.preview-note{font-size:14px;border-top:1px solid #ffffff25;padding-top:20px}.return{border:1px solid #b68ae5;background:#70439b45;padding:12px 18px;margin-top:8px;font-size:14px}@media(min-width:1700px){.identity{margin-bottom:85px}}@media(max-height:800px) and (min-width:761px){.landing{min-height:660px}.identity{padding-top:45px;margin-bottom:40px}.entrance{padding-top:18px;padding-bottom:14px}footer{margin-top:6px;padding-top:15px}}@media(max-width:760px){.landing{min-height:850px}header{padding:25px 7%}.header-note{display:none}.wordmark{font-size:14px}.wordmark span{font-size:11px}.painting{object-position:var(--mobile-focus)}.identity{padding-top:160px;margin: auto 20px 36px}.eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:18px}h1{font-size:clamp(36px,8.6vw,64px);letter-spacing:.07em}.identity .eyebrow{font-size:clamp(14px,2.3vw,17px);letter-spacing:.12em;line-height:1.6;margin-bottom:20px}.tagline{font-size:clamp(20px,3.2vw,23px);line-height:1.6}.mobile-break{display:block}.lower{padding:0 7%}.entrances{grid-template-columns:1fr;gap:0}.entrance{padding:14px 10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.door-label{font-size:23px;white-space:nowrap}.door-detail{margin:0;font-size:12px;max-width:145px}.door-detail span{font-size:19px}.caption{display:block;font-size:12px}.caption-prefix{display:block;font-size:9px;margin-bottom:6px}.controls,.slide-select{gap:0}.controls button{min-width:29px;font-size:12px}#pause{margin-left:5px;min-width:34px;padding-left:10px}footer{gap:10px;margin-top:13px;padding:17px 0 20px}.shade{background:linear-gradient(180deg,#0006,transparent 25%,#0002 36%,#000b 62%,#000e 100%)}dialog{padding:38px 25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

a.entrance{display:block;color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #d5bbff;outline-offset:5px}@media(max-width:760px){a.entrance{display:flex}}
