/*
Theme Name: Sunamichel
Theme URI: https://sunamichel.com/
Author: Sunamichel
Description: Custom contemporary artist portfolio theme - V3.
Version: 1.0
Text Domain: sunamichel
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f3f0e9;font-family:"Inter",Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:-50%;z-index:50;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");transform:rotate(.01deg)}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:fixed;top:0;left:0;right:0;z-index:40;background:linear-gradient(#050505 15%,transparent);mix-blend-mode:normal}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:.04em}.crown{font-family:Georgia,serif;font-size:26px;line-height:1}.main-nav{display:flex;gap:32px}.main-nav a{font-size:10px;letter-spacing:.16em;opacity:.65;transition:.25s}.main-nav a:hover{opacity:1}.header-arrow{font-size:24px}.section{position:relative;padding:8vw 7vw}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:130px}.hero-copy{padding-right:4vw;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.25em;opacity:.55;margin:0 0 22px}.hero h1{font-size:clamp(58px,9.5vw,160px);line-height:.75;margin:0 0 34px;letter-spacing:-.08em;font-weight:900}.hero h1 span{display:block;margin-left:.22em}.hero-title{font-family:"Permanent Marker", "Comic Sans MS", cursive;font-size:clamp(23px,3vw,52px);line-height:1.04;transform:rotate(-2deg);display:flex;flex-wrap:wrap;gap:0 .25em;max-width:620px}.underlined{position:relative}.underlined:after{content:"";position:absolute;left:-4%;right:-7%;height:8px;background:#e7db00;bottom:-5px;transform:rotate(-2deg);z-index:-1}.hero-text{max-width:470px;line-height:1.7;color:#aaa;margin:36px 0}.line-link{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #777;padding-bottom:9px;font-size:10px;letter-spacing:.16em;font-weight:700}.line-link span{font-size:20px;transition:.3s}.line-link:hover span{transform:translateX(7px)}.hero-art{display:flex;justify-content:center;position:relative}.art-frame{position:relative;overflow:hidden}.hero-frame{width:min(38vw,560px);height:min(70vh,760px);transform:rotate(2deg);box-shadow:20px 30px 80px #000}.art-frame img,.work img,.about-image img,.exhibition-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1) contrast(1.08)}.art-note{position:absolute;font-family:"Permanent Marker", "Comic Sans MS", cursive;text-shadow:2px 2px 0 #000}.note-1{right:-22px;top:44%;font-size:24px;line-height:1.05;transform:rotate(4deg)}.note-2{left:10px;top:4px;font-size:80px;color:#e7db00}.scribble{font-family:"Permanent Marker", "Comic Sans MS", cursive;color:#e7db00;position:absolute}.scribble-crown{font-size:100px;left:6vw;top:15%;transform:rotate(-8deg)}.scroll-mark{position:absolute;right:4vw;bottom:8vh;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;opacity:.5}.scroll-mark i{height:70px;width:1px;background:#eee;display:block}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;min-height:100vh}.about-image{height:70vh;max-height:800px;position:relative}.about-image img{filter:grayscale(1) contrast(1.15)}.image-mark{position:absolute;right:-35px;top:30px;font-family:"Permanent Marker";font-size:100px;color:#e7db00;transform:rotate(12deg)}.about-copy h2,.section-head h2,.exhibitions h2,.contact h2{font-size:clamp(50px,7vw,110px);line-height:.82;letter-spacing:-.07em;margin:0 0 36px;font-weight:900}.about-copy h2 span,.exhibitions h2 span,.contact h2 span{font-family:"Permanent Marker";font-weight:400;color:#eee}.about-copy p{max-width:500px;color:#aaa;line-height:1.75;font-size:15px}.floating-words{position:absolute;right:4vw;bottom:15%;display:flex;flex-direction:column;gap:3px;font-family:"Permanent Marker";font-size:23px;opacity:.35;transform:rotate(-8deg)}.works{padding-top:12vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}.section-head h2{margin:0;font-family:"Permanent Marker";font-weight:400;font-size:clamp(60px,8vw,120px);transform:rotate(-2deg)}.works-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:24px;align-items:start}.work{display:block;position:relative;overflow:hidden;background:#111}.work:nth-child(2){margin-top:120px}.work:nth-child(4){margin-top:-80px}.work:nth-child(5){margin-top:50px}.work img{aspect-ratio:1/1;transition:transform .8s cubic-bezier(.2,.7,0,1);}.work-large img{aspect-ratio:4/5}.work:hover img{transform:scale(1.055)}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.75));opacity:.5}.work-meta{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.quote{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-top:1px solid #222;border-bottom:1px solid #222;overflow:hidden}.quote-crown{font-family:"Permanent Marker";font-size:120px;color:#777;position:absolute;left:8%;top:20%;transform:rotate(-12deg)}blockquote{font-family:"Permanent Marker";font-size:clamp(22px,3vw,44px);line-height:1.25;max-width:900px;margin:0;transform:rotate(-1deg)}cite{font-size:9px;letter-spacing:.2em;margin-top:25px;color:#888}.exhibitions{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center}.exhibitions-image{height:600px;position:relative}.exhibition-image{height:600px;position:relative}.exhibition-image span{position:absolute;left:-30px;bottom:40px;font-family:"Permanent Marker";font-size:30px;line-height:.95;transform:rotate(-6deg);text-shadow:2px 2px #000}.timeline{margin-top:50px;border-top:1px solid #2a2a2a}.event{display:grid;grid-template-columns:80px 1fr;padding:24px 0;border-bottom:1px solid #2a2a2a}.event b{font-size:13px}.event strong{display:block;font-size:13px}.event small{display:block;color:#777;margin-top:8px}.contact{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.contact-inner{position:relative;z-index:2}.contact h2{font-size:clamp(70px,12vw,180px);margin-bottom:60px}.email-link{font-family:"Permanent Marker";font-size:clamp(20px,3vw,40px);border-bottom:2px solid #e7db00;padding-bottom:10px}.email-link span{font-family:Inter}.contact-scribble{position:absolute;font-family:"Permanent Marker";font-size:420px;color:#e7db00;opacity:.07;right:-5%;bottom:-20%;transform:rotate(-8deg)}.site-footer{border-top:1px solid #222;padding:35px 5vw 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;font-size:10px}.footer-center{text-align:center;letter-spacing:.2em;opacity:.5}.socials{display:flex;justify-content:end;gap:18px}.socials a{opacity:.7}.footer-bottom{grid-column:1/-1;border-top:1px solid #222;padding-top:18px;display:flex;justify-content:space-between;color:#666;font-size:9px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,0,1)}.reveal.is-visible{opacity:1;transform:none}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:100;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);display:none}.cursor-dot{width:5px;height:5px;background:#fff}.cursor-ring{width:38px;height:38px;border:1px solid #fff;opacity:.55;transition:width .25s,height .25s,opacity .25s}.magnetic{cursor:pointer}@media (pointer:fine){.cursor-dot,.cursor-ring{display:block}}@media(max-width:900px){.main-nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:120px}.hero-art{justify-content:flex-start}.hero-frame{width:78vw;height:105vw;max-height:680px}.scribble-crown{top:8%;font-size:70px}.about{grid-template-columns:1fr;gap:50px}.about-image{height:100vw;max-height:650px}.works-grid{grid-template-columns:1fr 1fr}.work:nth-child(n){margin-top:0}.work-large{grid-column:1/-1}.section-head{display:block}.section-head .line-link{margin-top:25px}.exhibitions{grid-template-columns:1fr}.exhibition-image{height:110vw;max-height:650px}.quote-crown{font-size:80px}.site-footer{grid-template-columns:1fr 1fr}.footer-center{display:none}.socials{justify-content:end}.footer-bottom{grid-column:1/-1}}@media(max-width:560px){.section{padding:18vw 6vw}.site-header{padding:0 6vw}.hero h1{font-size:18vw}.hero-title{font-size:26px}.hero-text{font-size:13px}.works-grid{grid-template-columns:1fr}.work-large{grid-column:auto}.floating-words{display:none}.about-copy h2,.section-head h2,.exhibitions h2{font-size:18vw}.contact h2{font-size:21vw}.email-link{font-size:18px}.footer-bottom{flex-direction:column;gap:8px}.note-1{font-size:18px}.hero-frame{width:86vw;height:115vw}}
/* V2 visual polish */
body { -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; }
.hero-title, .section-head h2, .about-copy h2 span, .exhibitions h2 span, .contact h2 span,
blockquote, .email-link, .scribble, .image-mark, .floating-words, .art-note { 
  font-family: "Permanent Marker", "Comic Sans MS", cursive;
}
.hero h1 { font-family: "Inter", Arial, sans-serif; font-weight: 900; }
.hero-title span { display:inline-block; }
.work { isolation:isolate; }