:root{--font-base: "adobe-clean", "Adobe Clean", "Helvetica Neue", Arial, sans-serif;--color-bg: #ffffff;--color-text: #140b24;--color-muted: #6f6a7a;--color-highlight: #3aa4ff;--color-link: #3aa4ff;--color-gold: #f2c94c;--color-instagram: #f6a30b;--color-icon-bg: #ff00b8;--color-nav-base: #b7b7c2;--page-padding-x: clamp(40px, 7.5vw, 120px);--header-height: 120px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--color-link)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;color:#121212}.welcome-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--welcome-bg, none);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);transform:scale(1.05);opacity:.85}.welcome-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f4f4f6a6}.welcome-inner{position:relative;text-align:center;display:flex;flex-direction:column;gap:32px;padding:0 16px;color:#0d0d0d;z-index:1}.welcome-inner h1{font-size:clamp(48px,8vw,96px);letter-spacing:.08em;font-weight:800}.welcome-inner button{align-self:center;background:#121212e6;border:none;color:#fff;cursor:pointer;font-size:18px;letter-spacing:.08em;padding:16px 60px;border-radius:0;box-shadow:0 8px 18px #00000040;transition:background .2s ease,color .2s ease}.welcome-inner button:hover{background:#00ff00f2;color:#040404}.welcome-socials{display:flex;justify-content:center;gap:20px}:is(.welcome-socials .social-link,.site-socials .social-link){display:inline-flex;width:36px;height:36px;border-radius:0;background:var(--color-icon-bg);border:none;color:#fff;align-items:center;justify-content:center;box-shadow:0 14px 28px #b620ff2e;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}:is(.welcome-socials .social-link,.site-socials .social-link) svg{width:18px;height:18px;fill:currentColor}:is(.welcome-socials .social-link,.site-socials .social-link):hover{box-shadow:0 20px 40px #b620ff40;background:#0f0;color:#fff}:is(.welcome-socials .social-link,.site-socials .social-link):focus-visible{outline:2px solid #ffffff;outline-offset:3px}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-transition{animation:fade-in .5s ease forwards;min-height:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-header{display:flex;align-items:center;justify-content:space-between;padding:48px clamp(24px,8vw,80px) 32px;gap:32px;position:relative}.site-logo{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:.08em;color:inherit;text-decoration:none}.site-logo:hover,.site-logo:focus-visible{color:inherit}.nav-toggle{display:none;width:44px;height:44px;background:transparent;border:none;padding:8px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:#1d1d1d;margin:6px 0;transition:transform .3s ease,opacity .3s ease}.menu-open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-open .nav-toggle span:nth-child(2){opacity:0}.menu-open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.site-nav ul{list-style:none;display:flex;align-items:center;gap:clamp(16px,3vw,36px);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-nav-base)}.site-nav .nav-link{position:relative;display:inline-flex;align-items:center;color:var(--color-nav-base);transition:color .2s ease}.site-nav .nav-link.pin-accent{color:var(--accent-color, var(--color-link))}.site-nav .nav-link:hover,.site-nav .nav-link:focus-visible,.site-nav .nav-link.active{color:var(--accent-color, var(--color-link))}.site-nav li:hover .nav-link,.site-nav li:focus-within .nav-link{color:var(--accent-color, var(--color-link))}.site-nav .nav-link{transition:color .2s ease,text-shadow .2s ease}.site-nav li:hover .nav-link,.site-nav li:focus-within .nav-link{text-shadow:0 0 8px rgba(58,164,255,.25)}.site-nav a.active{color:var(--color-highlight)}.site-socials{display:flex;align-items:center;gap:18px}.site-nav.open{display:block}.site-main{flex:1;padding:0 var(--page-padding-x) 144px}.reels-page{margin-left:calc(-1 * var(--page-padding-x));margin-right:calc(-1 * var(--page-padding-x))}.reels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.reel-card{position:relative;overflow:hidden}.reel-tile{display:block;color:inherit}.reel-thumb{position:relative;aspect-ratio:4 / 3;overflow:hidden}.reel-thumb img{width:100%;height:100%;object-fit:cover;transition:filter .4s ease}.reel-card:hover .reel-thumb img{filter:brightness(.7)}.reel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:28px 28px 32px;color:#fff;opacity:0;transition:opacity .35s ease;background:linear-gradient(180deg,#080418d1,#08041800 65%)}.reel-card:hover .reel-overlay{opacity:1}.reel-overlay h3{font-size:clamp(22px,2.4vw,32px);font-weight:600;letter-spacing:.04em}.reel-overlay p{font-size:clamp(14px,1.4vw,16px);color:#ffffffb8;max-width:42ch}@media (max-width: 960px){.reels-grid{grid-template-columns:1fr}.reel-overlay{padding:28px}.projects-page header p,.projects-links p,.projects-section ul,.detail-description{font-size:16px}}.projects-page{max-width:960px}.projects-page header{display:grid;gap:16px;margin-top:70px;margin-bottom:56px;max-width:620px}.projects-page header p{color:var(--color-muted);font-size:20px;line-height:1.6;margin-bottom:0}.projects-links p{color:var(--color-muted);font-size:18px;line-height:1.6}.projects-links a{color:var(--color-link)}.projects-links{display:flex;flex-direction:column;gap:10px;margin-bottom:56px}.projects-section{margin-bottom:56px}.projects-section h2{font-size:32px;font-family:var(--font-serif);color:var(--color-muted);margin-bottom:20px}.projects-section ul{list-style:none;color:var(--color-muted);font-size:18px;line-height:1.8}.reel-detail{max-width:1100px;margin:0 auto}.reel-detail header{margin-bottom:40px}.reel-detail h1{font-size:clamp(40px,5vw,64px);margin-bottom:12px}.reel-detail .detail-subtitle{font-size:18px;color:var(--color-muted)}.breadcrumb{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:24px}.detail-hero{width:100%;border-radius:0;margin-bottom:24px}.detail-description{font-size:18px;color:var(--color-muted);line-height:1.8}.detail-gallery{margin-top:0;display:flex;flex-direction:column;gap:24px}.detail-gallery img{width:100%;border-radius:0;object-fit:cover;display:block}.back-link{font-size:16px;color:var(--color-link)}.not-found{text-align:center;padding:120px 0}.not-found h1{font-size:72px;margin-bottom:24px}.not-found p{margin-bottom:32px;color:var(--color-muted)}.about-page,.contact-page{max-width:760px;display:grid;gap:20px}.about-page p,.contact-page p{color:var(--color-muted);font-size:18px;line-height:1.8}.poem-studio{position:relative;background:#faf9f7;padding-bottom:clamp(120px,18vw,180px);overflow:hidden}.poem-studio__hero{position:relative;min-height:clamp(360px,50vw,480px);display:flex;align-items:center;justify-content:center;background:url(/poem-bg.png) center/cover no-repeat}.poem-studio__hero-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#0000001a)}.poem-studio__hero-inner{position:relative;text-align:center;color:#fff;padding:clamp(40px,6vw,72px);z-index:1}.poem-studio__hero-title{font-size:clamp(64px,8vw,120px);font-weight:700;letter-spacing:.15em;background:linear-gradient(180deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.2)}.poem-studio__content{position:relative;max-width:800px;margin:clamp(-100px,-12vw,-160px) auto 0;padding:clamp(56px,8vw,88px);background:#fff;border-radius:40px;border:1px solid rgba(255,255,255,.4);box-shadow:0 40px 80px -20px #00000026,inset 0 0 0 1px #fff9;display:grid;gap:clamp(32px,4vw,56px);z-index:10}.poem-studio__title{font-size:clamp(36px,4vw,48px);line-height:1.1;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.poem-studio__cta{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.poem-studio__buttons{display:flex;flex-wrap:wrap;gap:24px}.poem-studio__button{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:18px 42px;border-radius:999px;border:none;font-size:16px;font-weight:600;letter-spacing:.05em;color:#fff;background:#000;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 10px 20px #00000026}.poem-studio__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.poem-studio__button:hover:before{left:100%}.poem-studio__button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px #00000040;background:#1a1a1a}.poem-studio__button:active:not(:disabled){transform:translateY(0) scale(.98)}.poem-studio__button.secondary{background:#ffffff80;color:#000;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}.poem-studio__button.secondary:hover:not(:disabled){background:#fffc;border-color:#0003;box-shadow:0 10px 25px #0000000d}.poem-studio__button:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(1)}.poem-studio__hint{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#18161280}.poem-studio__output{display:grid;gap:24px;min-height:200px;padding-top:20px;border-top:1px solid rgba(0,0,0,.05)}.poem-studio__poem{font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:18px;line-height:1.8;color:#333;white-space:pre-wrap;margin:0}.poem-studio__insight{background:#fff6;border:1px solid rgba(255,255,255,.6);padding:32px;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poem-studio__insight-header{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:#18161299;margin-bottom:12px}.poem-studio__insight p{margin:0;font-size:16px;line-height:1.7;color:#181612cc}.poem-studio__insight-placeholder{color:#18161273}.poem-studio__error{color:#a82c3f;font-size:15px;letter-spacing:.02em;display:grid;gap:12px}.poem-studio__error pre{font-family:Menlo,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;background:#a82c3f14;border:1px solid rgba(168,44,63,.22);border-radius:12px;padding:12px 16px}@media (max-width: 720px){.poem-studio__content{margin-top:clamp(-48px,-12vw,-80px);padding:32px 24px;border-radius:20px}.poem-studio__button{width:100%;justify-content:center}}@media (max-width: 960px){.site-header{padding:32px 24px}.nav-toggle{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;background:#fff;padding:24px;box-shadow:0 20px 40px #00000014;z-index:10}.site-nav ul{flex-direction:column;align-items:flex-start;gap:16px;font-size:14px}.site-socials{display:none}.site-main{--page-padding-x: 24px;padding-bottom:100px}}@media (max-width: 600px){.site-nav ul{flex-direction:column;gap:12px;font-size:12px}.site-socials{align-self:center}.welcome-socials{gap:12px}.site-main{--page-padding-x: 20px;padding-bottom:80px}.reel-overlay{padding:20px;gap:10px}.reel-overlay h3{font-size:20px}.reel-overlay p{font-size:13px}}
