@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--paper:#f3f0e9;--white:#fffefa;--ink:#1c1b20;--muted:#737078;--line:#dcd8d0;--violet:#7459ed;--violet-soft:#e8e1ff;--lime:#d5f579;--coral:#fb806d;--sky:#8fcef0;--max:1180px;--radius:22px;--shadow:0 20px 55px rgba(32,25,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:var(--lime);color:var(--ink)}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.mono,.eyebrow,.section-index,.image-label,.ticker,.footer-note{font-family:"DM Mono",ui-monospace,monospace}.top-accent{height:5px;background:linear-gradient(90deg,var(--violet) 0 32%,var(--coral) 32% 63%,var(--lime) 63%)}
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 89%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid transparent;transition:border-color .2s}.site-header.scrolled{border-color:var(--line)}.nav{height:74px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:700;letter-spacing:-.045em;white-space:nowrap}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--violet);color:white;font-size:20px;box-shadow:3px 3px 0 var(--lime)}.brand-mark i{font-style:normal;color:var(--lime)}.brand-name small{display:block;margin-top:-2px;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px;font-weight:400;letter-spacing:.09em}.nav-links{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-links a{position:relative;padding:7px 0;color:var(--muted);font-size:12px;font-weight:800;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.nav-links a.active::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--violet);content:""}.nav-tools{display:flex;gap:8px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);cursor:pointer;transition:transform .2s,background .2s}.icon-btn:hover{transform:rotate(-8deg);background:var(--lime)}.menu-toggle{display:none}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:var(--violet);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{width:22px;height:1px;background:currentColor;content:""}.hero{position:relative;min-height:655px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:55px;padding-block:70px 83px}.hero-copy{position:relative;z-index:2}.hero h1{max-width:680px;margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(60px,8.2vw,104px);font-weight:600;line-height:.91;letter-spacing:-.085em}.hero h1 span{color:var(--violet)}.hero h1 .scribble{display:inline-block;color:var(--coral);transform:rotate(-8deg)}.hero-intro{max-width:440px;margin:25px 0 23px;color:var(--muted);font-size:13px;line-height:1.9}.hero-intro strong{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 17px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(28,27,32,.15)}.button-light{background:transparent;color:var(--ink)}.button-light:hover{background:var(--white)}.button-arrow{font-size:16px}.hero-tags{display:flex;align-items:center;gap:9px;margin-top:30px;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.tag-dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}.tag-dot:nth-of-type(2){background:var(--lime)}
.hero-visual{position:relative;height:475px;display:grid;place-items:center;isolation:isolate}.hero-grid-bg{position:absolute;inset:8% 2% 6% 10%;z-index:-2;border:1px solid rgba(116,89,237,.16);background-image:linear-gradient(rgba(116,89,237,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(116,89,237,.065) 1px,transparent 1px);background-size:23px 23px;transform:rotate(3deg)}.hero-shape{position:absolute;z-index:-1;width:330px;height:330px;border-radius:43% 57% 60% 40% / 43% 38% 62% 57%;background:var(--lime);right:10%;top:12%;transform:rotate(-12deg)}.hero-photo{position:relative;width:min(310px,71%);height:410px;overflow:hidden;border:7px solid var(--white);border-radius:150px 150px 18px 18px;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1)}.photo-label{position:absolute;top:13px;left:13px;padding:7px 10px;background:var(--coral);font-family:"DM Mono",monospace;font-size:13px;transform:rotate(-4deg)}.hero-sticker{position:absolute;right:-1%;bottom:3%;width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 8px 5px rgba(28,27,32,.13));transform:rotate(4deg)}.float-note{position:absolute;left:0;bottom:13%;padding:10px 13px;border:1px solid var(--ink);background:var(--white);font-family:"DM Mono",monospace;font-size:13px;line-height:1.5;transform:rotate(-5deg)}.float-note b{color:var(--violet)}.hero-number{position:absolute;right:4%;top:5%;color:var(--violet);font-family:"Space Grotesk",sans-serif;font-size:39px;font-weight:700;letter-spacing:-.1em}.hero-number small{display:block;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px;font-weight:400;letter-spacing:.05em;text-align:right}.hero-asterisk{position:absolute;left:10%;top:8%;color:var(--coral);font-size:29px}.hero-bottomline{position:absolute;right:0;bottom:26px;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.12em;writing-mode:vertical-rl}
.ticker{overflow:hidden;background:var(--violet);color:white;transform:rotate(-.65deg) scale(1.01);padding:11px 0}.ticker-inner{display:flex;width:max-content;align-items:center;gap:25px;animation:roll 31s linear infinite;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.ticker-inner b{color:var(--lime);font-size:14px}@keyframes roll{to{transform:translateX(-50%)}}
.section{padding-block:96px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-index{margin:0 0 11px;color:var(--violet);font-size:12px;letter-spacing:.11em}.section-title{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(40px,6vw,68px);font-weight:600;line-height:.98;letter-spacing:-.075em}.section-title em{color:var(--violet);font-style:normal}.section-intro{max-width:365px;margin:0 0 3px;color:var(--muted);font-size:13px;line-height:1.9}.feature-row{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.feature-card{position:relative;min-height:390px;overflow:hidden;border-radius:var(--radius);background:var(--ink);color:white}.feature-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s}.feature-card:hover img{transform:scale(1.04)}.feature-card::after{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(15,14,18,.83));content:""}.feature-card-alt{min-height:330px;margin-top:49px}.feature-card-alt::after{background:linear-gradient(transparent,rgba(15,14,18,.86))}.feature-label,.feature-copy{position:absolute;z-index:1}.feature-label{top:17px;left:17px;padding:7px 9px;background:var(--lime);color:var(--ink);font-family:"DM Mono",monospace;font-size:13px}.feature-card-alt .feature-label{background:var(--coral)}.feature-copy{right:20px;bottom:21px;left:21px}.feature-copy small{display:block;margin-bottom:6px;color:var(--lime);font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.feature-copy strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:clamp(23px,3vw,34px);line-height:1;letter-spacing:-.06em}.feature-copy span{display:block;margin-top:7px;color:rgba(255,255,255,.75);font-size:12px}.feature-link{display:inline-flex;align-items:center;gap:8px;margin-top:23px;color:var(--ink);font-size:12px;font-weight:800}.feature-link span{color:var(--violet);font-size:16px}.home-about{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center;margin-top:90px;padding:30px 0;border-top:1px solid var(--line)}.home-about img{width:100%;height:230px;object-fit:cover;object-position:center 24%;filter:grayscale(1)}.home-about h3{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.07em}.home-about p{max-width:540px;color:var(--muted);font-size:13px;line-height:1.9}.text-link{display:inline-flex;gap:9px;color:var(--violet);font-size:12px;font-weight:900}
.page-hero{padding-block:76px 46px}.page-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:34px}.page-heading h1{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(54px,8vw,92px);font-weight:600;line-height:.88;letter-spacing:-.085em}.page-heading h1 span{color:var(--violet)}.page-heading p{max-width:390px;margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.9}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0 22px}.filter-button{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px;cursor:pointer}.filter-button.active,.filter-button:hover{border-color:var(--ink);background:var(--ink);color:white}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.gallery-item{position:relative;height:470px;overflow:hidden;padding:0;border:0;border-radius:var(--radius);background:#292532;text-align:left;color:white;cursor:zoom-in}.gallery-item:nth-child(2){margin-top:42px}.gallery-item[hidden]{display:none}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item::after{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(16,13,23,.89));content:""}.image-label{position:absolute;z-index:1;top:17px;left:17px;padding:7px 10px;background:var(--lime);color:var(--ink);font-size:13px}.gallery-item:nth-child(2) .image-label{background:var(--coral)}.gallery-copy{position:absolute;z-index:1;right:22px;bottom:23px;left:22px}.gallery-copy small{color:var(--lime);font-family:"DM Mono",monospace;font-size:13px;letter-spacing:.12em}.gallery-copy strong{display:block;margin-top:5px;font-family:"Space Grotesk",sans-serif;font-size:32px;letter-spacing:-.06em}.gallery-copy span{display:block;color:rgba(255,255,255,.78);font-size:12px}.gallery-note{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px}.gallery-note b{color:var(--ink);font-weight:500}
.about-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(40px,9vw,120px);align-items:center;padding-block:67px 105px}.about-portrait{position:relative;min-height:560px;overflow:hidden;border-radius:180px 180px 20px 20px;background:var(--violet-soft)}.about-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1)}.portrait-sticker{position:absolute;right:-5px;bottom:0;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(28,27,32,.12))}.portrait-caption{position:absolute;top:18px;left:18px;padding:8px 10px;background:var(--lime);font-family:"DM Mono",monospace;font-size:13px}.about-copy h1{margin:0 0 23px;font-family:"Space Grotesk",sans-serif;font-size:clamp(46px,6.5vw,76px);font-weight:600;line-height:.92;letter-spacing:-.08em}.about-copy h1 span{color:var(--violet)}.about-copy>p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:12px;line-height:1.95}.about-note{max-width:470px;margin-top:28px;padding:19px 20px;border-left:3px solid var(--coral);background:var(--white);font-family:"Space Grotesk",sans-serif;font-size:16px;line-height:1.4}.about-note small{display:block;margin-top:8px;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px}.interests{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.interests span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}
.mood-top{display:flex;align-items:end;justify-content:space-between;gap:26px}.mood-top h1{margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(53px,8vw,91px);font-weight:600;line-height:.88;letter-spacing:-.085em}.mood-top h1 span{color:var(--violet)}.mood-display{display:flex;align-items:center;gap:11px;min-height:54px;max-width:340px;padding:10px 14px;border:1px solid var(--line);background:var(--white);font-size:12px;font-weight:800}.mood-indicator{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;background:var(--lime)}.mood-indicator::after{width:9px;height:9px;border-radius:50%;background:var(--violet);content:""}.mood-description{max-width:520px;margin:17px 0 25px;color:var(--muted);font-size:13px}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mood-tile{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);background:#fff0ef;text-align:left;cursor:pointer;transition:transform .2s,border .2s,box-shadow .2s}.mood-tile:nth-child(4n+2){background:#f0eaff}.mood-tile:nth-child(4n+3){background:#e4f7f1}.mood-tile:nth-child(4n){background:#fff6da}.mood-tile:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 12px 22px rgba(32,25,53,.11)}.mood-tile img{width:100%;aspect-ratio:1/1;object-fit:cover}.mood-tile span{display:block;padding:9px 11px 11px;color:var(--muted);font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.mood-tile.selected{outline:2px solid var(--violet);outline-offset:2px}.mood-tile.selected::after{position:absolute;right:8px;top:8px;width:23px;height:23px;display:grid;place-items:center;background:var(--violet);color:white;border-radius:50%;font-size:12px;content:"✓"}.mood-footer{margin:19px 0 0;color:var(--muted);font-family:"DM Mono",monospace;font-size:13px}
.site-footer{margin-top:80px;padding-block:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:13px}.footer-brand{color:var(--ink);font-family:"Space Grotesk",sans-serif;font-size:13px;font-weight:700}.footer-brand b{color:var(--violet)}.share-button{padding:7px 11px;border:1px solid var(--line);background:transparent;font-size:13px;font-weight:800;cursor:pointer}.share-button:hover{background:var(--lime)}.to-top{position:fixed;right:19px;bottom:18px;z-index:20;width:43px;height:43px;border:0;background:var(--lime);font-size:18px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;cursor:pointer}.to-top.visible{opacity:1;transform:none;pointer-events:auto}.lightbox{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:25px;background:rgba(17,15,22,.94);opacity:0;pointer-events:none;transition:opacity .2s}.lightbox.open{opacity:1;pointer-events:auto}.lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(1000px,100%);height:min(84vh,820px);margin:0}.lightbox img{width:100%;height:100%;min-height:0;object-fit:contain}.lightbox figcaption{padding-top:10px;color:white;text-align:center;font-family:"DM Mono",monospace;font-size:12px}.lightbox button{position:absolute;z-index:2;width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(30,26,37,.5);color:#fff;font-size:20px;cursor:pointer}.lightbox-close{top:18px;right:18px}.lightbox-prev{left:18px;top:50%;transform:translateY(-50%)}.lightbox-next{right:18px;top:50%;transform:translateY(-50%)}.toast{position:fixed;left:50%;bottom:24px;z-index:60;padding:11px 16px;background:var(--ink);color:white;font-size:12px;font-weight:700;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.theme-dark{color-scheme:dark;--paper:#17151b;--white:#211e26;--ink:#f3f0e9;--muted:#aaa4af;--line:#3e3944;--violet:#ad9aff;--violet-soft:#332a48;--lime:#d5f579;--coral:#ff9583;--sky:#8fcef0}.theme-dark .hero-grid-bg{border-color:rgba(173,154,255,.2);background-image:linear-gradient(rgba(173,154,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(173,154,255,.08) 1px,transparent 1px)}.theme-dark .about-note{background:#28232f}.theme-dark .icon-btn{background:#28232f}.theme-dark .button-light{color:var(--ink)}.theme-dark .button-light:hover{background:#28232f}.theme-dark .mood-tile{border-color:var(--line)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){.hero{min-height:570px;gap:24px}.hero-visual{height:420px}.hero-photo{height:365px}.hero-shape{width:290px;height:290px}.feature-card{min-height:355px}.feature-card-alt{min-height:310px}.gallery-item{height:400px}.about-portrait{min-height:500px}.mood-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.shell{width:min(calc(100% - 34px),var(--max))}.nav{height:65px;gap:9px}.brand-mark{width:35px;height:35px}.menu-toggle{display:grid}.nav-links{position:absolute;top:64px;left:0;right:0;display:none;grid-template-columns:repeat(4,1fr);gap:0;padding:8px 13px 13px;border-bottom:1px solid var(--line);background:var(--paper)}.nav-links.open{display:grid}.nav-links a{padding:9px 2px;text-align:center;font-size:13px}.hero{grid-template-columns:1fr;gap:20px;padding-block:28px 62px}.hero-copy{order:2}.hero-visual{order:1;height:345px}.hero-photo{width:230px;height:305px}.hero-shape{width:260px;height:260px;right:13%;top:6%}.hero-sticker{width:108px;height:108px;right:2%}.float-note{bottom:10%;left:2%}.hero-number{font-size:30px}.hero h1{font-size:clamp(55px,14vw,78px)}.hero-bottomline{display:none}.hero-intro{font-size:13px}.section{padding-block:72px}.section-head,.page-heading,.mood-top{display:block}.section-intro,.page-heading p{margin-top:15px}.feature-row{grid-template-columns:1fr;gap:12px}.feature-card,.feature-card-alt{min-height:360px;margin:0}.home-about{grid-template-columns:1fr;gap:19px;margin-top:55px}.home-about img{height:245px}.page-hero{padding-block:55px 30px}.page-heading h1{font-size:clamp(55px,15vw,77px)}.gallery-grid{grid-template-columns:1fr;gap:13px}.gallery-item,.gallery-item:nth-child(2){height:390px;margin:0}.gallery-note{flex-direction:column;gap:6px}.about-layout{grid-template-columns:1fr;gap:34px;padding-block:44px 70px}.about-portrait{min-height:450px;width:min(100%,390px);margin:auto}.about-copy h1{font-size:55px}.mood-display{margin-top:20px}.mood-grid{grid-template-columns:repeat(2,1fr);gap:10px}.site-footer{align-items:flex-start;flex-direction:column;gap:9px;margin-top:60px}.lightbox{padding:15px}.lightbox figure{height:76vh}.lightbox-prev{left:7px}.lightbox-next{right:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

@media(max-width:680px){.nav-links a{font-size:11px}}