:root{--paper:#faf7f0;--ink:#302333;--muted:#756b70;--line:#ded6cc;--gold:#a17a42;--plum:#49324b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #946533;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;height:110px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:32px;letter-spacing:-1.5px;font-weight:600}.brand-dot{color:var(--gold);margin-left:-9px}.header nav{display:flex;gap:36px;font-size:13px}.header nav a{text-decoration:none;padding:12px 0}.header nav a:last-child{border-bottom:1px solid #9d8a84}.header nav span{margin-left:14px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;padding-block:72px 78px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;line-height:1.7;margin:0 0 26px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2,.closing p{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(44px,4.7vw,66px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:26px}em{font-weight:400;color:#947146}h1 em{display:block}.intro{max-width:390px;line-height:1.85;font-size:15px;color:var(--muted);margin-bottom:33px}.button{display:inline-flex;gap:24px;align-items:center;background:var(--ink);color:#fff9ef;text-decoration:none;padding:20px 23px;border-radius:3px;font-size:12px;line-height:1.5;transition:background .2s}.button:hover{background:#59405b}.button span{font-size:20px}.hero-note{display:flex;align-items:center;gap:11px;margin-top:35px;font-size:10px;color:var(--muted);line-height:1.5}.fine-line{width:26px;height:1px;background:var(--gold)}.hero-art{height:530px;position:relative;isolation:isolate}.arch{position:absolute;inset:8px 0 36px 47px;border-radius:220px 220px 8px 8px;background:linear-gradient(130deg,#74595d,#382738 80%);overflow:hidden}.arch-light{position:absolute;width:320px;height:320px;border-radius:50%;background:#dfb8a0;filter:blur(90px);opacity:.3;top:-100px;left:-70px}.hair-lines{width:100%;height:100%;color:#c9aa82;opacity:.25}.orbit{position:absolute;border:1px solid #c8b48f;border-radius:50%;z-index:-1}.orbit-one{width:300px;height:440px;transform:rotate(32deg);right:0;top:-10px}.orbit-two{width:340px;height:410px;transform:rotate(-25deg);left:22px;top:58px}.phone{position:absolute;top:57px;left:50%;transform:translateX(-39%) rotate(7deg);width:223px;height:406px;background:#fffaf1;border:6px solid #241e25;border-radius:35px;box-shadow:16px 25px 35px #150c2545;overflow:hidden}.phone-camera{position:absolute;top:8px;left:78px;width:56px;height:13px;border-radius:10px;background:#241e25}.phone-content{padding:35px 14px 10px}.phone-top{font-size:6px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.phone-top span{font-size:14px;color:var(--gold)}.phone-greeting{font-family:Georgia,serif;font-size:25px;line-height:1.1;letter-spacing:-.5px;margin:13px 0}.phone-picture{background:linear-gradient(145deg,#dbc4b3,#ad8e7e);height:165px;border-radius:80px 80px 7px 7px;overflow:hidden;position:relative}.phone-picture svg{display:block;width:100%;height:100%}.phone-picture>span{position:absolute;bottom:8px;left:12px;color:white;font-size:6px;letter-spacing:1px}.phone-row{display:flex;justify-content:space-between;font-size:8px;margin:13px 0 9px}.phone-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.phone-tiles>div{background:#eee4d7;border-radius:5px;padding:8px;color:#8c7352;font-size:15px}.phone-tiles span{display:block;font-size:6px;color:#5e514b;margin-top:4px}.floating-note{position:absolute;z-index:3;left:0;bottom:94px;background:#fffdf5;border:1px solid #e5dbcd;box-shadow:0 12px 35px #30233312;border-radius:7px;padding:17px 20px;display:flex;gap:14px;font-family:Georgia,serif;font-size:16px;transform:rotate(-5deg)}.spark{font-size:26px;color:#9c7c4e}.floating-note small{display:block;font-family:Arial,sans-serif;font-size:8px;margin-top:7px;color:var(--muted)}.art-caption{position:absolute;bottom:0;left:48px;right:0;font-family:Georgia,serif;font-style:italic;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.art-caption span{font-family:Arial,sans-serif;font-style:normal;font-size:7px;letter-spacing:1px;align-self:center}.approach{padding:76px 0 70px;background:#f0ece4;border-block:1px solid var(--line)}.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:36px;line-height:1.17;letter-spacing:-1px;margin-bottom:22px}.approach-copy{padding-top:39px}.approach-copy p,.principles p,.project-copy>p{font-size:14px;line-height:1.85;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:43px}.principles>div{border-top:1px solid #cfc5b8;padding-top:22px}.principles span{font-family:Georgia,serif;font-size:15px;color:var(--gold)}h3{font-family:Georgia,serif;font-weight:400;font-size:22px;margin:19px 0 12px}.principles p{font-size:13px;margin-bottom:0;max-width:270px}.work{padding-block:78px}.work-heading{display:flex;justify-content:space-between;align-items:baseline}.section-index{font-size:8px;color:var(--muted);letter-spacing:1.5px}.project{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}.project-art{position:relative;background:#e2e6dc;min-height:335px;display:grid;place-items:center;overflow:hidden;border-radius:160px 160px 5px 5px}.project-monogram{font-family:Georgia,serif;font-size:105px;letter-spacing:-11px;color:#465343;z-index:1}.project-monogram span{font-style:italic;color:#778667}.project-ring{position:absolute;border:1px solid #b6bda9;width:280px;height:280px;border-radius:50%;top:25px;left:calc(50% - 140px)}.project-art p{position:absolute;bottom:25px;font-size:8px;letter-spacing:2px;color:#53604c}.status{display:inline-flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.7px;margin-bottom:23px}.status>span{height:6px;width:6px;background:#8b9777;border-radius:50%}.project-copy h2{font-size:43px}.project-copy .project-detail{font-size:12px}.text-link{display:inline-flex;align-items:center;gap:35px;text-decoration:none;border-bottom:1px solid #b4a08b;padding:12px 0;font-size:12px}.text-link:hover{color:#947146}.closing{text-align:center;border-top:1px solid var(--line);padding-block:52px 60px}.small-star{color:var(--gold);font-size:28px;display:block;margin-bottom:19px}.closing p{font-size:40px;line-height:1.14;margin-bottom:23px;letter-spacing:-1px}.closing-label{font-size:8px;letter-spacing:2px;color:var(--muted)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px}.footer .wordmark{font-size:24px}.footer p,.footer>span{font-size:10px;color:var(--muted);margin:0}.skip{position:absolute;top:-100px;left:20px;background:white;z-index:9;padding:12px}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-block:95px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:0}.hero-art{transform:scale(.88);transform-origin:center right}.hero h1{font-size:48px}.approach-inner{gap:35px}.project{gap:35px}.principles{gap:25px}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{height:85px}.wordmark{font-size:28px}.wordmark img{width:28px;height:28px}.header nav{gap:19px;font-size:11px}.header nav span{margin-left:3px}.hero{grid-template-columns:1fr;padding-block:48px 35px;gap:34px}.hero h1{font-size:clamp(42px,9vw,58px);letter-spacing:-2px}.hero .eyebrow{font-size:8px}.intro{font-size:14px;max-width:420px}.hero-note{margin-top:24px}.hero-art{height:470px;width:min(400px,100%);margin-inline:auto;transform:none}.arch{left:30px}.phone{top:37px;width:210px;height:390px;transform:translateX(-43%) rotate(7deg)}.phone-camera{left:72px}.phone-content{padding-top:33px}.phone-picture{height:155px}.floating-note{bottom:73px;padding:14px;font-size:14px}.art-caption{left:30px;font-size:10px}.art-caption span{font-size:6px}.orbit-one{width:240px;height:380px}.orbit-two{width:280px;height:350px;left:10px}.approach{padding-block:48px}.approach-inner{grid-template-columns:1fr;gap:0}h2{font-size:31px}.approach-copy{padding-top:0}.principles{grid-template-columns:1fr;gap:24px;margin-top:22px}.principles>div{padding-top:18px;display:grid;grid-template-columns:30px 1fr;gap:0 9px}.principles span{grid-row:1/3;padding-top:3px}.principles h3{margin:0 0 8px;font-size:21px}.principles p{grid-column:2;max-width:none}.work{padding-block:48px}.work-heading .eyebrow{font-size:8px}.section-index{font-size:6px}.project{grid-template-columns:1fr;gap:29px}.project-art{min-height:290px}.project-ring{top:7px}.project-copy h2{font-size:37px}.closing{padding-block:37px}.closing p{font-size:34px}.closing-label{font-size:7px;letter-spacing:1.3px}.footer{flex-wrap:wrap;gap:18px}.footer>span{width:100%;font-size:9px}.footer p{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:380px){.header nav{gap:12px;font-size:10px}.header .wordmark{font-size:24px;gap:7px}.header .wordmark img{width:24px;height:24px}.hero-art{overflow:clip}.art-caption{left:10px}.art-caption span{display:none}}
@media(max-width:680px){.hero-art{overflow:clip}}
.hero-art{overflow:clip}