:root{--ink:#312421;--paper:#f2efe8;--accent:#f2d591;--line:#31242135;--display:"Sneaky Times","Times New Roman",serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);cursor:none}a,button,input,textarea,select{cursor:none}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-orb{position:fixed;z-index:100;top:0;left:0;width:18px;height:18px;border:1px solid var(--ink);border-radius:50%;pointer-events:none;transition:transform .08s linear}.cursor-orb.is-hovering:before,.cursor-orb.is-hovering:after{content:"";position:absolute;inset:-8px;border:1px solid var(--ink);border-radius:50%;animation:ring 1.4s ease-out infinite}.cursor-orb.is-hovering:after{animation-delay:.42s}.site-header{position:relative;z-index:2;display:flex;align-items:flex-start;padding:22px 32px}.wordmark{font-size:22px;font-weight:700;line-height:.8;letter-spacing:-.08em}.wordmark span{color:var(--accent);font-size:14px}.site-header nav{display:flex;gap:28px;margin-left:auto;padding-top:4px}.nav-link{color:inherit;font-weight:600;letter-spacing:-.03em;text-decoration:none;text-transform:lowercase}.nav-link:hover{color:var(--accent)}.circle-button{width:36px;height:36px;margin-left:28px;border:1px solid var(--ink);border-radius:50%;background:transparent;display:grid;place-items:center}.circle-button:hover{background:var(--accent)}svg{width:16px}.hero{min-height:calc(100vh - 80px);padding:7vh 4vw 4vw;display:grid;grid-template-columns:1fr 30vw;align-items:end;overflow:hidden}.hero h1,.page-head h1,.detail-head h1{margin:0;font:600 clamp(4.5rem,10vw,10rem)/.78 var(--display);letter-spacing:-.09em;text-transform:lowercase}.hero h1 em{color:var(--accent);font-weight:500}.intro{max-width:280px;font-size:15px;line-height:1.4}.hero-art{width:min(100%,360px);aspect-ratio:1;align-self:center;justify-self:end;position:relative;transform:rotate(5deg)}.sun{position:absolute;right:3%;top:6%;width:78%;aspect-ratio:1;border-radius:50%;background:var(--accent);animation:pulse 7s ease-in-out infinite}.arch{position:absolute;inset:23% 13% 5% 5%;border:2px solid var(--ink);border-bottom:0;border-radius:200px 200px 0 0}.star{position:absolute;top:18%;left:3%;font:12rem/1 var(--display);transform:rotate(15deg)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:8vh;padding-top:12px;border-top:1px solid var(--ink);font:11px var(--mono);text-transform:lowercase}.marquee{overflow:hidden;padding:12px 0;border-block:1px solid var(--ink);background:var(--accent);white-space:nowrap;font:clamp(1.6rem,3vw,3rem) var(--display);letter-spacing:-.06em;text-transform:lowercase}.marquee-track{display:inline-block;animation:marquee 25s linear infinite}.home-sections{padding:7vw 4vw}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:26px}.section-heading p,.eyebrow{margin:0;font:10px var(--mono);letter-spacing:.08em;text-transform:lowercase}.section-heading h2,.about h2{margin:0;font:600 clamp(2.5rem,5vw,5rem)/.85 var(--display);letter-spacing:-.08em;text-transform:lowercase}.text-link{color:inherit;font:12px var(--mono);text-decoration:none;border-bottom:1px solid;text-transform:lowercase}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:15px}.work-card{position:relative;min-height:330px;overflow:hidden;padding:16px;border:1px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);text-decoration:none;transition:transform .3s}.work-card:hover{transform:translateY(-8px) rotate(-1deg)}.card-image{position:absolute;inset:0;background:var(--card-color,var(--accent));background-size:cover;background-position:center}.card-meta,.card-title{position:relative;z-index:1}.card-meta{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:lowercase}.card-title{max-width:9ch;margin:0;font:500 2rem/.9 var(--display);letter-spacing:-.06em;text-transform:lowercase}.writing-row{display:grid;grid-template-columns:115px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--ink);color:inherit;text-decoration:none}.writing-row:last-child{border-bottom:1px solid var(--ink)}.writing-row .type{font:10px var(--mono);text-transform:lowercase}.writing-row h3{margin:0;font:500 clamp(1.4rem,3vw,3rem)/.9 var(--display);letter-spacing:-.06em;text-transform:lowercase}.writing-row:hover h3{color:var(--accent);font-style:italic}.about{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.6fr;gap:7vw;margin:6vw 4vw;padding:5vw;background:var(--accent)}.about p{z-index:1;max-width:650px;margin:0;font:500 clamp(1.4rem,2.2vw,2.4rem)/1 var(--display);letter-spacing:-.05em}.about a{z-index:1;grid-column:2;color:inherit;font:12px var(--mono)}.page{padding:6vw 4vw 8vw}.page-head{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;margin-bottom:30px;padding-bottom:5vw;border-bottom:1px solid var(--ink)}.page-head p{align-self:end;max-width:390px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-grid .work-card{min-height:470px}.detail{padding:3vw 4vw 9vw}.back{display:inline-flex;gap:8px;margin-bottom:7vw;color:inherit;font:11px var(--mono);text-decoration:none;text-transform:lowercase}.detail-head,.detail-copy{display:grid;grid-template-columns:1fr 2fr;gap:30px}.detail-meta{font:11px var(--mono);text-transform:lowercase}.detail-image{height:min(53vw,700px);margin:5vw 0;background:var(--accent);background-position:center;background-size:cover}.detail-copy{grid-template-columns:1fr 1.4fr;max-width:900px;margin-left:auto}.detail-copy p{font:500 1.35rem/1.15 var(--display)}.detail-copy h3{font:10px var(--mono);text-transform:lowercase}.detail-copy a{color:inherit}.page-enter{animation:page-in .35s ease both}footer{display:flex;justify-content:space-between;padding:18px 32px;border-top:1px solid var(--ink);font:10px var(--mono);text-transform:lowercase}footer a{color:inherit}dialog{width:min(1050px,94vw);height:min(710px,90vh);border:0;padding:0;background:var(--paper);box-shadow:0 25px 80px #0005}dialog::backdrop{background:#31242188;backdrop-filter:blur(4px)}.editor-shell{height:100%;display:grid;grid-template-columns:285px 1fr}.editor-sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:var(--accent)}.editor-sidebar h2,.editor-heading h3{margin:10px 0;font:500 3.8rem/.76 var(--display);letter-spacing:-.1em;text-transform:lowercase}.editor-tabs{display:grid;gap:5px}.editor-tab{padding:11px 0;border:0;border-bottom:1px solid #31242155;background:transparent;text-align:left;font:600 14px var(--sans)}.editor-tab.active{font-style:italic}.editor-help{display:flex;gap:8px;font-size:11px}.editor-main{position:relative;overflow-y:auto;padding:43px 48px 20px}.close-editor{position:absolute;top:18px;right:18px;border:0;background:none}.editor-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.editor-heading h3{font-size:2.7rem}.button{display:inline-flex;gap:7px;align-items:center;padding:11px 15px;border:0;font:500 12px var(--sans)}.button.dark{background:var(--ink);color:var(--paper)}.project-list{border-top:1px solid var(--ink)}.project-item{width:100%;display:grid;grid-template-columns:1fr 90px 100px 30px;gap:10px;align-items:center;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.project-item b,.form-heading h3{font:500 1.1rem var(--display);text-transform:lowercase}.project-item span,label{font:10px var(--mono);text-transform:lowercase}.project-item:hover{color:var(--accent)}.project-form{margin-top:25px;padding-top:22px;border-top:2px solid var(--ink)}.form-heading,.form-actions{display:flex;justify-content:space-between;align-items:center}.form-grid,.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;margin:15px 0}input,textarea,select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);background:#fff8;font:14px var(--sans)}.text-button{border:0;background:none;font:11px var(--mono);text-decoration:underline;text-transform:lowercase}.form-actions{margin-top:16px}.upload-field{padding:14px;border:1px dashed var(--ink)}.upload-field input{display:none}.upload-field span{display:flex;gap:8px;align-items:center;font:600 14px var(--sans)}.upload-field small{display:block;margin-top:8px}.editor-bottom{display:flex;gap:22px;margin-top:40px;padding-top:16px;border-top:1px solid var(--line)}.tab-panel{display:none}.tab-panel.active{display:block}.hidden{display:none!important}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{transform:scale(.9)}}@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ring{0%{opacity:.7;transform:scale(.35)}100%{opacity:0;transform:scale(1.6)}}@media(max-width:700px){body,a,button,input,textarea,select{cursor:auto}.cursor-orb{display:none}.site-header{padding:18px}.site-header nav{gap:13px;font-size:12px}.circle-button{margin-left:12px}.hero{grid-template-columns:1fr;padding:14vh 20px 20px}.hero h1{font-size:20vw}.hero-art{width:200px;margin-left:auto}.home-sections,.page,.detail{padding:60px 20px}.feature-grid,.project-grid,.page-head,.detail-head,.detail-copy,.about,.editor-shell{grid-template-columns:1fr}.writing-row{grid-template-columns:75px 1fr 18px}.about{margin:35px 20px;padding:35px 25px}.about a{grid-column:auto}.project-grid .work-card{min-height:350px}footer{padding:16px 20px;font-size:8px}.editor-sidebar{padding:20px}.editor-tabs{display:flex;gap:16px;margin:20px 0}.editor-main{padding:35px 20px}.form-grid,.appearance-grid{grid-template-columns:1fr}.project-item{grid-template-columns:1fr 55px 68px 20px}}
