@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--background:#101210;--ivory:#f7f0dc;--gold:#edb34c;--muted:#9b998b;--rule:#74614270;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ivory);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}::selection{color:#101210;background:#edb34c}.stage{position:absolute;inset:0 0 auto;height:max(850px,100svh);max-height:1500px;pointer-events:none;overflow:hidden;isolation:isolate}.sunlight{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:.95}.ray-wheel{transform-origin:0 0;animation:orbit 300s linear infinite}.ray{transform-origin:0 0;animation:ray-breathe var(--duration,26s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}.light-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 110% 32%,#af782017,transparent 62%);animation:ambient 27s ease-in-out infinite alternate}.grain{position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.stage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--background) 0,transparent 24%)}.page{position:relative;max-width:1800px;min-height:100svh;margin:auto;padding:0 4%;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;height:125px;flex-shrink:0}.wordmark{font-size:10px;letter-spacing:5.5px;font-weight:600;color:var(--gold)}.header-note{font-size:9px;letter-spacing:3px;color:#d8c9a4}.hero{position:relative;display:flex;align-items:flex-start;min-height:540px;flex:1;padding-top:56px;padding-bottom:195px}.introduction{position:relative;z-index:1}h1{font:600 clamp(64px,8.3vw,145px)/1.08 var(--display);letter-spacing:-.065em;margin:0 0 5px -7px}h1>span{color:var(--gold)}.name{font-size:clamp(24px,2.7vw,43px);letter-spacing:-.025em;font-weight:400;margin:0;line-height:1.3}.role{font-size:clamp(22px,2.25vw,36px);color:#aaa591;margin:0;line-height:1.4;letter-spacing:.01em}.statement{font-size:clamp(15px,1.32vw,21px);letter-spacing:2.8px;line-height:1.5;margin:40px 0 0}.mountains{position:absolute;bottom:0;left:-4.35%;width:108.7%;height:180px;stroke:#a07831;stroke-width:1;fill:none;opacity:.36;pointer-events:none}.mountains path:last-child{opacity:.65}.details-area{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:7%;border-top:1px solid var(--rule);padding:26px 0 27px;background:linear-gradient(90deg,#10121085,transparent);position:relative}.eyebrow{font-size:9px;letter-spacing:3.2px;font-weight:400;margin:0 0 17px;color:#dcd5c1}.work{max-width:620px}details{margin:0}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:167px 45px 1fr 18px;gap:25px;align-items:center;padding:6px 0;line-height:1.35}summary::-webkit-details-marker{display:none}.project-name{font-size:17px;font-weight:400}.dash{height:1px;background:var(--rule)}.project-description{font-size:12px;letter-spacing:1.1px;color:var(--muted)}.project-arrow{color:var(--gold);font-size:16px;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}summary:hover .project-arrow,summary:focus-visible .project-arrow,details[open] .project-arrow{opacity:1;transform:none}details[open] .project-arrow{transform:rotate(90deg)}summary:hover .project-name{color:#f5c776}.project-note{font-size:12px;line-height:1.7;color:#b8b2a2;max-width:470px;margin:10px 0 15px;padding-left:16px;border-left:1px solid #9d773d80}.contact{text-align:right;align-self:start}.email{display:block;font-size:clamp(23px,1.9vw,31px);letter-spacing:-.7px;line-height:1.35}.coming{display:block;color:var(--muted);font-size:11px;letter-spacing:1.6px;margin-top:7px}footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 0 28px;color:var(--muted);font-size:9px;letter-spacing:1.6px}.footer-right{display:flex;align-items:center;gap:25px}.copyright{font-size:8px;letter-spacing:1px}.motion-control{display:flex;align-items:center;gap:7px;color:#b5ad96;background:transparent;border:1px solid transparent;padding:6px 7px;cursor:pointer;font-size:9px;letter-spacing:.6px}.motion-control:hover{color:var(--gold)}.motion-symbol{font-size:11px;width:10px}.motion-paused .ray-wheel,.motion-paused .ray,.motion-paused .light-wash,.page-hidden .ray-wheel,.page-hidden .ray,.page-hidden .light-wash{animation-play-state:paused}.skip{position:absolute;top:-70px;left:25px;background:var(--gold);color:#111;padding:12px;z-index:10}.skip:focus{top:15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid var(--gold);outline-offset:5px}
@keyframes orbit{from{transform:rotate(-3deg)}to{transform:rotate(357deg)}}@keyframes ray-breathe{from{opacity:.63;transform:rotate(-.45deg)}to{opacity:1;transform:rotate(.45deg)}}@keyframes ambient{from{opacity:.45}to{opacity:1}}
@media(min-width:1600px){.hero{padding-top:80px;min-height:620px}.page{padding-left:4.5%;padding-right:4.5%}}
@media(max-width:1100px){header{height:100px}.hero{min-height:510px;padding-top:60px}summary{grid-template-columns:150px 25px 1fr 15px;gap:14px}.project-name{font-size:15px}.project-description{font-size:10px}.details-area{gap:4%;grid-template-columns:1.5fr 1fr}.eyebrow{font-size:8px;letter-spacing:2.5px}.email{font-size:23px}.copyright{display:none}}
@media(max-width:760px){.page{padding:0 6%;min-height:100svh}.stage{height:830px;max-height:none}.sunlight{width:140%;left:-20%;opacity:.7}.stage:after{background:linear-gradient(0deg,var(--background) 2%,transparent 40%)}header{height:90px}.wordmark{font-size:8px;letter-spacing:3.1px}.header-note{font-size:7px;letter-spacing:1.6px}.hero{padding-top:65px;min-height:440px;padding-bottom:160px;flex:none}h1{font-size:clamp(58px,13vw,96px);margin-left:-3px;letter-spacing:-.065em}.name{font-size:26px}.role{font-size:22px}.statement{font-size:13px;letter-spacing:1.5px;margin-top:30px;line-height:1.7}.mountains{left:-6.82%;width:113.64%;height:95px;opacity:.4}.details-area{grid-template-columns:1fr;padding:25px 0;gap:30px;background:#10121055}.work{max-width:none}.eyebrow{font-size:7px;letter-spacing:2.4px;margin-bottom:16px}summary{grid-template-columns:146px 22px 1fr 12px;gap:12px;padding:9px 0}.project-name{font-size:14px}.project-description{font-size:10px;letter-spacing:.5px}.project-arrow{opacity:.7}.contact{text-align:left;padding-top:20px;border-top:1px solid #74614235}.email{font-size:25px}.coming{font-size:10px;letter-spacing:1px}.contact .eyebrow{margin-bottom:12px}footer{padding:18px 0 23px;gap:10px;font-size:7px;letter-spacing:.8px}.footer-right{gap:0}.motion-control{font-size:8px;padding-right:0}.project-note{font-size:11px} }
@media(max-width:390px){.header-note{letter-spacing:1px;font-size:6px}summary{grid-template-columns:133px 12px 1fr 12px;gap:8px}.project-name{font-size:13px}.project-description{font-size:9px}.statement{letter-spacing:1.3px}.hero{padding-top:60px}h1{font-size:13vw}.name{font-size:23px}.role{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ray-wheel,.ray,.light-wash{animation:none}.ray-wheel{transform:rotate(-3deg)}.project-arrow{transition:none}}