:root{--bg:#090a0f;--panel:#ffffff13;--panel-strong:#ffffff1f;--ink:#f7f3ea;--muted:#f7f3eaa3;--border:#ffffff24;--accent:#b9ddff;--warm:#ffe2a0;--shadow:#00000052;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 18% 10%, #b9ddff1a, transparent 24rem), radial-gradient(circle at 86% 22%, #ffe2a014, transparent 24rem), var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}:root{--paper:#f7f2e8;--paper-soft:#fbf8f0;--ink:#263128;--muted:#7b7a6f;--line:#42463924;--sage:#afc3ad;--sage-deep:#6f8c76;--clay:#d7b08f;--mist:#d8e5df;--white-glass:#ffffff8f;--shadow:#58524029}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0}button,a{-webkit-tap-highlight-color:transparent}.landing-page,.portfolio-page{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 10%,#ffffffd1,#0000 18rem),radial-gradient(circle at 76% 18%,#d8e5dfcc,#0000 22rem),radial-gradient(circle at 86% 80%,#d7b08f52,#0000 22rem),linear-gradient(135deg,#f8f3ea,#eef1e8 54%,#f7efe4)}.poetic-landing{isolation:isolate;min-height:100vh;padding:52px;display:grid;position:relative;overflow:hidden}.poetic-landing:before{z-index:-3;content:"";background:radial-gradient(circle at var(--x,58%) var(--y,48%), #ffffffb8, transparent 16rem), radial-gradient(circle at 72% 46%, #afc3ad94, transparent 20rem), radial-gradient(circle at 38% 78%, #d7b08f57, transparent 18rem);position:absolute;inset:0}.poetic-landing:after{z-index:-1;content:"";pointer-events:none;opacity:var(--glow-opacity,.72);background:radial-gradient(circle at var(--x,58%) var(--y,48%), #ffffffeb, transparent 7.5rem), radial-gradient(circle at var(--x,58%) var(--y,48%), #afc3ad6b, transparent 13rem), radial-gradient(circle at var(--x,58%) var(--y,48%), #d7b08f38, transparent 19rem);mix-blend-mode:screen;transition:opacity .22s;position:absolute;inset:0}.paper-grain{z-index:-2;pointer-events:none;opacity:.34;background-image:linear-gradient(#26312809 1px,#0000 1px),linear-gradient(90deg,#26312808 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.floating-poetry{z-index:-1;pointer-events:none;position:absolute;inset:0}.petal,.thin-line{display:block;position:absolute}.petal{filter:blur(.2px);opacity:.68;border-radius:999px 999px 999px 24px;animation:10s ease-in-out infinite alternate drift}.petal-one{background:#afc3ad75;width:220px;height:86px;top:18%;right:18%;transform:rotate(-18deg)}.petal-two{background:#d7b08f52;width:320px;height:118px;animation-delay:-3s;bottom:20%;right:9%;transform:rotate(14deg)}.petal-three{background:#d8e5dfb8;width:140px;height:54px;animation-delay:-6s;bottom:14%;left:12%;transform:rotate(28deg)}.thin-line{opacity:.34;background:linear-gradient(#0000,#26312838,#0000);width:1px;height:48vh}.line-one{top:12%;right:34%;transform:rotate(22deg)}.line-two{bottom:8%;left:28%;transform:rotate(-34deg)}.landing-name,.landing-index{color:#2631289e;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;font-size:14px;display:flex}.landing-name{align-self:start}.landing-index{align-self:end}.landing-index a{color:#263128a8;text-decoration:none}.poetic-copy{align-self:center;max-width:980px}.soft-kicker{color:var(--sage-deep);letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;font-size:13px;font-weight:700}.poetic-copy h1{color:var(--ink);letter-spacing:-.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(60px,8vw,136px);font-weight:400;line-height:.98}.poetic-copy h1 span{display:block}.poetic-copy>p:last-of-type{max-width:650px;color:var(--muted);margin:32px 0;font-size:18px;line-height:1.9}.enter-button,.round-control{min-height:48px;color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 60px var(--shadow);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.enter-button{gap:12px;min-height:58px;padding:0 26px}.enter-button span{color:var(--muted);font-size:13px}.enter-button:hover,.round-control:hover{background:#ffffffdb;transform:translateY(-3px);box-shadow:0 24px 78px #58524033}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f2e8b8;justify-content:space-between;align-items:center;gap:20px;padding:22px 52px;display:flex;position:sticky;top:0}.logo,.site-header a,.site-header button,.site-footer a{color:var(--ink);text-decoration:none}.nav-button,.site-header nav button{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.logo{font-weight:800}.site-header nav{color:var(--muted);gap:26px;font-size:14px;display:flex}.site-header nav a,.site-header nav button{color:var(--muted)}.content-section{border-top:1px solid var(--line);padding:96px 52px;position:relative}.content-section:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(circle at 14% 20%,#ffffffa3,#0000 18rem),radial-gradient(circle at 86% 74%,#afc3ad38,#0000 22rem);position:absolute;inset:0}.content-section>*{z-index:1;position:relative}.section-title{gap:12px;max-width:1000px;margin-bottom:34px;display:grid}.section-title h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,5.4vw,92px);font-weight:400;line-height:1}.section-title p:last-child{color:var(--muted);margin:0;line-height:1.85}.sketch-caption h3{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4vw,68px);font-weight:400;line-height:1}.sketch-caption span{color:var(--sage-deep);letter-spacing:.12em;text-transform:uppercase;margin-top:10px;font-size:13px;font-weight:700}.sketch-gallery{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.round-control{width:54px;min-width:54px;height:54px;padding:0}.featured-sketch{background:var(--paper-soft);border:1px solid var(--line);box-shadow:0 32px 96px var(--shadow);cursor:zoom-in;border-radius:34px;padding:0;overflow:hidden}.featured-sketch img{object-fit:contain;background:#fffdf7;width:100%;max-height:760px;display:block}.sketch-caption{grid-template-columns:auto 1fr;align-items:end;gap:14px 20px;max-width:880px;margin:24px auto 0;display:grid}.sketch-caption p{color:var(--clay);grid-row:span 2;margin:0;font-family:Georgia,Times New Roman,serif;font-size:72px;line-height:.88}.sketch-thumbs{justify-content:center;align-items:center;gap:clamp(10px,1.6vw,20px);min-height:152px;margin-top:28px;padding:20px 0;display:flex;overflow:hidden}.sketch-thumbs button{border:1px solid var(--line);cursor:pointer;opacity:.55;transform:translateY(var(--thumb-y,0)) scale(var(--thumb-scale,1));background:#ffffff8a;border-radius:18px;flex:0 0 clamp(108px,14vw,184px);padding:0;transition:opacity .18s,transform .18s,border-color .18s;overflow:hidden}.sketch-thumbs button.active,.sketch-thumbs button:hover{opacity:1;border-color:#6f8c766b;box-shadow:0 20px 54px #5852402e}.sketch-thumbs img{aspect-ratio:1.36;object-fit:cover;width:100%;display:block}.video-frame{border:1px solid var(--line);box-shadow:0 32px 96px var(--shadow);background:#ffffff94;border-radius:34px;position:relative;overflow:hidden}.muted-play-button{z-index:2;min-height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbd;border-radius:999px;padding:0 18px;font-weight:800;position:absolute;top:22px;right:22px;box-shadow:0 18px 52px #00000029}.video-frame video{background:#111;width:100%;max-height:78vh;display:block}.site-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:34px 52px;display:flex}.lightbox{z-index:60;cursor:zoom-out;background:#263128c7;border:0;place-items:center;padding:42px;display:grid;position:fixed;inset:0}.lightbox span{color:#ffffffbd;position:fixed;top:24px;right:28px}.lightbox img{object-fit:contain;border-radius:22px;max-width:min(1200px,92vw);max-height:86vh;box-shadow:0 30px 120px #0000005c}@keyframes drift{0%{transform:translate3d(0, 0, 0) rotate(var(--r,0deg))}to{transform:translate3d(34px, -28px, 0) rotate(calc(var(--r,0deg) + 6deg))}}@media (width<=900px){.site-header{padding:16px 18px}.logo{font-size:13px}.site-header nav{gap:14px;font-size:12px}.poetic-landing{padding:28px 22px}.landing-name,.landing-index{flex-direction:column;align-items:flex-start}.poetic-copy h1{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(38px,11vw,54px);line-height:1.08}.poetic-copy{max-width:100%}.poetic-copy>p:last-of-type{margin:22px 0;font-size:14px;line-height:1.8}.content-section{padding:44px 14px}.section-title{margin-bottom:18px}.section-title h2{letter-spacing:-.035em;font-size:clamp(30px,10vw,42px);line-height:1.08}.sketch-gallery{display:block}.sketch-gallery .round-control{display:none}.featured-sketch{border-radius:20px;width:100%}.featured-sketch img{object-fit:contain;width:100%;max-height:72vh}.sketch-caption{grid-template-columns:auto 1fr;gap:8px 12px;max-width:none;margin-top:14px}.sketch-caption p{font-size:28px;line-height:1}.sketch-caption h3{font-size:22px;line-height:1.1}.sketch-caption span{letter-spacing:.08em;margin-top:2px;font-size:10px}.sketch-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;margin-top:16px;padding:6px 0 0;display:grid;overflow:visible}.sketch-thumbs button{border-radius:12px;flex:none;width:100%;transform:none}.sketch-thumbs button.active{transform:translateY(-3px)scale(1.03)}.video-frame{border-radius:20px}.muted-play-button{min-height:36px;padding:0 12px;font-size:12px;top:12px;right:12px}.site-footer{padding:24px 18px;font-size:12px}}
