@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f3f3ef;--ink:#20211f;--muted:#666863;--line:#d2d3cb;--accent:#c1ef46;--blue:#224be9;--lavender:#e2def1;--gutter:clamp(22px,5.25vw,88px);--max:1600px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button{border:0}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}h1,h2,h3,p{margin:0}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;padding:12px 20px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:700}.small-plus{position:relative;display:inline-block;width:14px;height:14px;flex-shrink:0}.small-plus::before,.small-plus::after{content:'';position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%)}.small-plus::before{width:100%;height:1.5px}.small-plus::after{height:100%;width:1.5px}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;margin:0 var(--gutter);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:800;letter-spacing:-1px;min-height:44px}.brand-mark{width:27px;height:27px;position:relative;display:inline-block}.brand-mark span{position:absolute;background:var(--ink)}.brand-mark span:first-child{width:27px;height:7px;left:0;top:2px}.brand-mark span:last-child{width:7px;height:21px;top:2px;left:10px}.brand-registered{align-self:center;font-size:10px;position:relative;top:-7px;left:-6px}.desktop-nav{display:flex;gap:42px;position:absolute;left:50%;transform:translateX(-50%)}.desktop-nav a{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;position:relative}.desktop-nav a::after{position:absolute;bottom:7px;left:0;content:'';height:1px;width:0;background:var(--ink);transition:width .25s}.desktop-nav a:hover::after,.desktop-nav a.is-active::after{width:100%}.nav-count{font-size:10px;align-self:center;position:relative;top:-5px;color:var(--muted)}.header-contact{display:flex;gap:24px;align-items:center;font-size:14px;min-height:44px}.header-contact .small-plus{transition:transform .3s}.header-contact:hover .small-plus{transform:rotate(90deg)}.menu-toggle{display:none;background:none;width:44px;height:44px;position:relative}.menu-toggle span{width:22px;height:1.5px;background:var(--ink);position:absolute;left:11px;transition:transform .25s,top .25s}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
.hero{padding:44px var(--gutter) 0;max-width:var(--max);margin:auto}.hero-eyebrow{display:flex;justify-content:space-between;align-items:center}.hero-edition{font-size:11px;letter-spacing:.08em;color:var(--muted)}.hero-main{display:flex;justify-content:space-between;align-items:center;gap:40px;margin:50px 0 40px}.hero h1{font-size:clamp(100px,12.8vw,190px);line-height:.99;letter-spacing:-.075em;font-weight:600}.hero-period{color:var(--ink);position:relative}.hero-period::after{content:'';position:absolute;width:.145em;height:.145em;background:var(--accent);bottom:.16em;left:.08em}.hero-emblem{width:clamp(245px,27vw,370px);flex-shrink:0;margin-top:20px}.emblem-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.085em;line-height:1.5}.emblem-field{aspect-ratio:1;position:relative;margin:15px 0;display:grid;place-items:center;overflow:hidden}.emblem-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:12.5% 12.5%;opacity:.6;mask-image:radial-gradient(circle at center,black 45%,transparent 70%)}.emblem-ring{position:absolute;width:83%;height:83%;border:1px solid #afb1a6;border-radius:50%}.ring-two{width:61%;height:83%;transform:rotate(-35deg)}.ring-three{width:61%;height:83%;transform:rotate(35deg)}.emblem-symbol{position:relative;width:37%;height:41%;transform:rotate(-12deg);transition:transform .65s var(--ease)}.emblem-symbol span{position:absolute;background:var(--ink)}.emblem-symbol span:first-child{top:0;left:0;width:100%;height:24%}.emblem-symbol span:last-child{top:0;left:38%;width:24%;height:100%}.hero-emblem:hover .emblem-symbol{transform:rotate(0deg)}.emblem-point{position:absolute;background:var(--accent);width:11px;height:11px;outline:4px solid var(--paper)}.point-one{top:22%;left:14%}.point-two{bottom:20%;right:17%;width:7px;height:7px;background:var(--ink)}.emblem-cross{position:absolute;width:8px;height:8px}.emblem-cross::before,.emblem-cross::after{content:'';background:var(--muted);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.emblem-cross::before{height:1px;width:8px}.emblem-cross::after{height:8px;width:1px}.cross-one{top:0;left:0}.cross-two{bottom:0;right:0}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:62px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:54px;padding:16px 20px;font-size:14px;font-weight:500;transition:background .25s,color .25s}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--accent);color:var(--ink)}.button-plus{display:block;width:13px;height:13px;position:relative}.button-plus::before,.button-plus::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:currentColor;transition:transform .25s}.button-plus::before{width:100%;height:1px}.button-plus::after{width:1px;height:100%}.button:hover .button-plus::after{transform:translate(-50%,-50%) rotate(90deg)}.hero-bottom p{font-size:16px;line-height:1.7;max-width:370px;width:clamp(245px,27vw,370px);color:var(--muted)}.hero-footnote{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:21px 0;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.075em}.hero-footnote a{display:flex;gap:14px;align-items:center;min-height:26px}.scroll-line{display:inline-block;width:1px;height:16px;background:var(--muted);position:relative}.scroll-line::after{content:'';position:absolute;width:5px;height:5px;bottom:0;left:-2px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);transform:rotate(45deg)}
.section-pad{padding:90px var(--gutter);max-width:var(--max);margin:auto;scroll-margin-top:24px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-note{font-size:13px;color:var(--muted)}.section-heading{display:flex;align-items:baseline;gap:22px;margin-top:24px;margin-bottom:52px}.section-heading h2{font-size:clamp(38px,4.3vw,66px);font-weight:500;line-height:1.15;letter-spacing:-.06em}.accent-dot{color:var(--ink)}.work-count{color:var(--muted);font-size:18px;letter-spacing:-1px}.project-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:48px}.project-lumileo{margin-top:112px}.project-cover{display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:1.12;padding:26px 28px;position:relative;overflow:hidden;text-align:left;border-radius:0;isolation:isolate}.cover-revoqa{background:var(--blue);color:#fff}.cover-lumileo{background:var(--lavender);color:#302b45}.cover-top,.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2;font-size:9px;font-weight:500;letter-spacing:.08em}.cover-label{padding:5px 8px;border:1px solid currentColor;opacity:.7;white-space:nowrap}.revoqa-symbol{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:clamp(110px,17vw,270px);font-weight:700;letter-spacing:-.15em;line-height:1;transition:transform .65s var(--ease);color:#d8ff87}.revoqa-symbol span{font-size:1.1em}.revoqa-wordmark{position:relative;font-weight:600;letter-spacing:-.065em;line-height:1;align-self:center;font-size:clamp(50px,7.8vw,118px);margin-top:auto;margin-bottom:28px;transition:transform .6s var(--ease)}.revoqa-wordmark>span,.lumileo-wordmark>span{display:inline-block;font-family:Manrope,sans-serif;font-size:.16em;font-weight:500;vertical-align:top;margin-top:.6em;margin-left:.35em;letter-spacing:0}.cover-open{width:28px;height:28px;border:1px solid currentColor;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s;flex-shrink:0}.cover-open .small-plus{width:10px;height:10px}.cover-hover-label{position:absolute;font-size:12px;bottom:32px;right:70px;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s;z-index:3;background:inherit;padding-left:8px}.project-cover:hover .cover-hover-label,.project-cover:focus-visible .cover-hover-label{opacity:1;transform:translateX(0)}.project-cover:hover .cover-open{background:var(--paper);color:var(--ink);transform:rotate(90deg)}.project-cover:hover .revoqa-symbol{transform:translate(-50%,-50%) rotate(-8deg) scale(1.04)}.project-cover:hover .revoqa-wordmark,.project-cover:hover .lumileo-wordmark{transform:translateY(-5px)}.lumileo-symbol{width:36%;aspect-ratio:1;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);transition:transform .8s var(--ease)}.lumileo-symbol span{position:absolute;width:48%;height:48%;background:#827299}.lumileo-symbol span:nth-child(1){top:0;left:0;border-radius:100% 0 0 0}.lumileo-symbol span:nth-child(2){top:0;right:0;border-radius:0 100% 0 0}.lumileo-symbol span:nth-child(3){bottom:0;left:0;border-radius:0 0 0 100%}.lumileo-symbol span:nth-child(4){bottom:0;right:0;border-radius:0 0 100% 0}.project-cover:hover .lumileo-symbol{transform:translate(-50%,-50%) rotate(8deg)}.lumileo-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,7.5vw,110px);letter-spacing:-.06em;align-self:center;line-height:1;margin-top:auto;margin-bottom:28px;position:relative;transition:transform .6s var(--ease)}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.project-index{display:block;font-size:10px;color:var(--muted);letter-spacing:.07em;margin-bottom:3px}.project-info h3{font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-1.1px}.project-status{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.5}.project-status>span{width:5px;height:5px;border-radius:50%;background:#466128}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:10px;font-size:13px;color:var(--muted)}.text-button{display:flex;align-items:center;gap:14px;background:none;padding:7px 0;min-height:44px;font-size:13px;color:var(--ink)}.text-button .small-plus{width:11px;height:11px;transition:transform .3s}.text-button:hover .small-plus{transform:rotate(90deg)}.next-project{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:flex;align-items:center;gap:28px;margin-top:70px}.next-marker{height:48px;width:48px;display:grid;place-items:center;border:1px solid var(--line);flex-shrink:0}.next-project h3{font-size:18px;font-weight:500;letter-spacing:-.4px}.next-project p{font-size:13px;margin-top:4px;color:var(--muted)}.next-index{margin-left:auto;font-size:10px;letter-spacing:.08em;color:var(--muted)}.cover-neutral{background:var(--accent);color:var(--ink)}.neutral-wordmark{align-self:center;position:relative;margin-top:auto;margin-bottom:auto;font-size:clamp(38px,5vw,80px);font-weight:600;letter-spacing:-.06em;max-width:100%;overflow-wrap:anywhere}.project-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.project-cover.has-image .cover-top,.project-cover.has-image .cover-bottom{background:var(--paper);color:var(--ink);padding:8px}.project-cover.has-image{padding:20px}
.studio{padding-top:62px;padding-bottom:100px}.studio-stamp{font-size:22px;font-weight:800;letter-spacing:-1.5px}.studio-main{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;margin-top:35px;margin-bottom:64px}.studio-main h2{font-size:clamp(35px,3.8vw,57px);font-weight:500;line-height:1.23;letter-spacing:-.055em}.studio-main h2>span{color:#7c7e76}.studio-copy{max-width:405px;padding-top:4px}.studio-copy p:first-child{font-size:19px;line-height:1.6;letter-spacing:-.4px;margin-bottom:19px}.studio-copy p:nth-child(2){font-size:14px;line-height:1.85;color:var(--muted)}.studio-projects-link{display:inline-flex;align-items:center;gap:24px;margin-top:22px;min-height:44px;border-bottom:1px solid var(--ink);font-size:13px}.studio-projects-link:hover .small-plus{transform:rotate(90deg)}.studio-projects-link .small-plus{width:11px;height:11px;transition:transform .25s}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.studio-principles>div{padding:27px 32px 0 0}.studio-principles>div+div{padding-left:32px;border-left:1px solid var(--line)}.studio-principles span{font-size:11px;color:var(--muted)}.studio-principles h3{font-size:26px;font-weight:500;letter-spacing:-1px;margin:13px 0 7px;line-height:1.3}.studio-principles p{font-size:13px;color:var(--muted)}
.contact{background:var(--accent);max-width:none;padding-top:50px;padding-bottom:40px}.contact .section-note{color:#3e4e25}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 0}.contact-main h2{font-size:clamp(48px,6.9vw,104px);font-weight:500;line-height:1.1;letter-spacing:-.065em}.contact-main h2>span{color:#748f31}.contact-button{height:144px;width:144px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;flex-shrink:0;transition:transform .4s var(--ease),background .25s,color .25s;margin-right:20px}.contact-button>.small-plus{width:28px;height:28px;transition:transform .5s var(--ease)}.contact-button>span:last-child{font-size:12px}.contact-button:hover{transform:rotate(-8deg);background:var(--paper);color:var(--ink)}.contact-button:hover .small-plus{transform:rotate(90deg)}.contact-details{display:flex;align-items:center;gap:20px;border-top:1px solid #9dbd48;padding-top:21px}.contact-email{font-size:20px;letter-spacing:-.5px;line-height:1.4;padding:8px 0}.copy-email{display:flex;align-items:center;gap:7px;font-size:11px;min-height:44px;background:none;padding:8px;color:#3e4e25}.copy-email:hover{color:var(--ink)}.instagram-link{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px;min-height:44px}.instagram-link>span{color:#3e4e25}
.footer{padding:54px var(--gutter) 26px;overflow:hidden}.footer-wordmark{font-size:clamp(50px,19.7vw,310px);letter-spacing:-.074em;font-weight:800;line-height:.9;position:relative;white-space:nowrap;display:flex;justify-content:space-between;align-items:flex-start}.footer-wordmark>span{font-size:.1em;margin-top:10px;letter-spacing:0;line-height:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:44px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-bottom>span:nth-child(2){font-size:10px;letter-spacing:.1em}.back-to-top{display:flex;align-items:center;gap:13px;min-height:44px;color:var(--ink)}.back-to-top .small-plus{width:10px;height:10px}
.project-dialog{width:min(860px,calc(100% - 40px));max-height:calc(100dvh - 48px);padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 30px 100px #0003}.project-dialog[open]{display:grid;grid-template-columns:1fr 1.15fr;animation:dialog-in .35s var(--ease)}.project-dialog::backdrop{background:#20211fa6;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px;width:44px;height:44px;background:var(--paper);z-index:3;display:grid;place-items:center;border:1px solid var(--line)}.dialog-close .small-plus{transform:rotate(45deg);width:18px;height:18px}.dialog-close:hover{background:var(--accent)}.dialog-visual{background:var(--blue);color:#fff;min-height:380px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.dialog-visual>span:first-child{font-size:66px;font-weight:600;letter-spacing:-.06em;line-height:1.2;overflow-wrap:anywhere;max-width:100%}.dialog-visual.lumileo{background:var(--lavender);color:#302b45}.dialog-visual.lumileo>span:first-child{font-family:Georgia,'Times New Roman',serif;font-size:72px}.dialog-visual.neutral{background:var(--accent);color:var(--ink)}.dialog-visual-caption{position:absolute;bottom:26px;left:26px;font-size:10px;letter-spacing:.1em}.dialog-content{padding:80px 40px 40px}.dialog-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialog-eyebrow .eyebrow{font-size:10px}.dialog-content h2{font-size:43px;font-weight:600;letter-spacing:-1.8px;line-height:1.2;margin:22px 0 20px}.dialog-content p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-credits{display:flex;gap:14px;font-size:10px;color:var(--muted);margin:26px 0 32px;padding-top:16px;border-top:1px solid var(--line)}.dialog-visit{font-size:12px;gap:24px;width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:14px 22px;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-ready.is-revealed{opacity:1;transform:translateY(0)}@keyframes dialog-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.site-header,.footer{max-width:calc(var(--max) - var(--gutter)*2);margin-left:auto;margin-right:auto}.footer{padding-left:0;padding-right:0}.contact{padding-left:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));padding-right:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)))}.footer-wordmark{font-size:284px}}
@media(max-width:1100px){.hero-main{gap:20px}.hero h1{font-size:13.5vw}.hero-emblem{width:25vw}.hero-bottom{margin-bottom:45px}.project-grid{gap:30px}.project-cover{padding:20px}.cover-label{display:none}.project-lumileo{margin-top:90px}.studio-main{gap:50px}.contact-button{width:120px;height:120px;margin-right:0}.contact-main h2{font-size:7.4vw}.project-cover .cover-bottom{font-size:8px}.hero-main{margin-top:52px}.hero-emblem .emblem-caption{font-size:8px}}
@media(max-width:760px){html{scroll-padding-top:32px}.site-header{height:80px}.brand{font-size:21px}.brand-mark{transform:scale(.9)}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.mobile-menu{position:absolute;top:79px;left:calc(-1*var(--gutter));right:calc(-1*var(--gutter));background:var(--paper);padding:25px var(--gutter) 30px;border-bottom:1px solid var(--line);box-shadow:0 16px 20px #20211f0a}.mobile-menu>a{display:flex;justify-content:space-between;font-size:25px;letter-spacing:-.7px;min-height:60px;align-items:center;border-bottom:1px solid var(--line)}.mobile-menu>a>span{font-size:12px;color:var(--muted)}.menu-caption{font-size:11px;color:var(--muted);display:block;margin-top:26px}.hero{padding-top:30px}.hero-edition{display:none}.hero-main{margin:36px 0 34px;gap:5px;align-items:flex-end}.hero h1{font-size:17.9vw;letter-spacing:-.075em}.hero-emblem{width:21vw;min-width:80px;margin:0 0 8px}.hero-emblem .emblem-caption{display:none}.emblem-field{margin:0}.emblem-symbol{width:40%;height:44%}.emblem-ring{border-color:#a6a99a}.point-one{width:6px;height:6px;outline-width:2px}.point-two{width:4px;height:4px;outline-width:2px}.hero-bottom{align-items:flex-start;gap:30px;flex-direction:column;margin-bottom:32px}.hero-bottom p{width:auto;font-size:14px;max-width:350px}.desktop-break{display:none}.button{min-height:52px;font-size:13px;padding:15px 19px}.hero-footnote{padding:15px 0;font-size:8px;gap:16px;letter-spacing:.03em}.hero-footnote a{gap:9px;font-size:8px}.section-pad{padding-top:56px;padding-bottom:56px}.section-note{font-size:11px}.eyebrow{font-size:10px}.section-heading{margin-top:21px;margin-bottom:30px;gap:14px}.section-heading h2{font-size:clamp(34px,7.4vw,55px)}.work-count{font-size:14px}.project-grid{grid-template-columns:1fr;gap:42px}.project-lumileo{margin-top:0}.project-cover{aspect-ratio:1.18;padding:22px}.cover-top,.cover-bottom{font-size:9px}.cover-label{display:inline-block;font-size:8px}.revoqa-symbol{font-size:36vw;top:42%}.revoqa-wordmark{font-size:17vw;margin-bottom:24px}.lumileo-wordmark{font-size:18vw;margin-bottom:24px}.lumileo-symbol{width:30%;top:38%}.project-info{padding-top:18px}.project-info h3{font-size:27px}.project-index{font-size:9px}.project-meta{margin-top:4px;font-size:12px}.text-button{font-size:12px}.next-project{margin-top:40px;padding:24px 0;gap:17px;position:relative}.next-marker{width:40px;height:40px}.next-project h3{font-size:16px}.next-project p{font-size:12px;max-width:235px;line-height:1.7}.next-index{display:none}.studio{padding-top:24px;padding-bottom:55px}.studio-main{grid-template-columns:1fr;gap:30px;margin-top:25px;margin-bottom:40px}.studio-main h2{font-size:clamp(34px,7.6vw,53px)}.studio-copy{max-width:100%;padding-top:0}.studio-copy p:first-child{font-size:17px;max-width:330px;margin-bottom:14px}.studio-copy p:nth-child(2){font-size:14px;max-width:440px}.studio-principles>div{padding:21px 12px 0 0}.studio-principles>div+div{padding-left:16px}.studio-principles h3{font-size:21px;letter-spacing:-.7px}.studio-principles p{font-size:11px;line-height:1.7}.studio-principles span{font-size:10px}.contact{padding-top:32px;padding-bottom:25px}.contact .section-note{display:none}.contact-main{gap:14px;padding:35px 0 30px;align-items:flex-end}.contact-main h2{font-size:9.6vw}.contact-button{width:64px;height:64px;gap:0}.contact-button>span:last-child{display:none}.contact-button>.small-plus{width:22px;height:22px}.contact-details{gap:8px;flex-wrap:wrap;position:relative;padding-top:13px}.contact-email{font-size:17px}.copy-email{margin-left:auto;font-size:10px}.instagram-link{width:100%;justify-content:space-between;margin-top:0;font-size:12px}.footer{padding-top:34px;padding-bottom:16px}.footer-wordmark{font-size:18.9vw}.footer-wordmark>span{margin-top:4px;font-size:.11em}.footer-bottom{margin-top:26px;padding-top:12px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}.project-dialog[open]{grid-template-columns:1fr}.project-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px)}.dialog-visual{min-height:175px}.dialog-visual>span:first-child{font-size:65px}.dialog-visual-caption{bottom:16px;left:22px;font-size:8px}.dialog-close{right:10px;top:10px}.dialog-content{padding:27px 25px}.dialog-content h2{font-size:35px;margin:16px 0}.dialog-credits{margin:21px 0}.dialog-visit{font-size:12px}.dialog-eyebrow .eyebrow{font-size:9px}.dialog-visual.lumileo>span:first-child{font-size:70px}.neutral-wordmark{font-size:12vw}}
@media(max-width:370px){.hero h1{font-size:17.7vw}.hero-emblem{min-width:65px}.cover-label{display:none}.project-cover{padding:18px}.contact-main h2{font-size:9.2vw}.contact-button{width:56px;height:56px}.studio-principles>div+div{padding-left:10px}.studio-principles h3{font-size:19px}.copy-email>span{display:none}}
/* Son okunabilirlik ve ritim ayarları. */
.cover-neutral.has-brand-icon .neutral-wordmark{margin-top:auto;margin-bottom:28px}
.project-brand-icon{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.07);border-radius:0;box-shadow:none;pointer-events:none;z-index:0;transition:transform .8s var(--ease)}.project-summary{font-size:14px;line-height:1.7;color:var(--muted);max-width:44ch;margin:12px 0 5px}.project-cover:hover .project-brand-icon{transform:scale(1.1)}.dialog-visual{flex-direction:column;gap:28px}.dialog-brand-icon{width:156px;height:156px;object-fit:contain;border-radius:18%}.dialog-visual #dialog-brand{font-size:46px;font-weight:600;letter-spacing:-.06em;line-height:1.2;max-width:100%;overflow-wrap:anywhere}.dialog-visual.lumileo #dialog-brand{font-family:Georgia,'Times New Roman',serif;font-size:52px}.dialog-features{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;color:var(--ink);font-size:12px;line-height:1.7}.dialog-features li{display:flex;align-items:baseline;gap:10px}.dialog-features li::before{content:'+';font-size:14px;color:var(--muted);flex-shrink:0}.dialog-content{padding-top:62px}.dialog-credits{margin-top:24px}
@media(max-width:760px){.project-summary{font-size:13px;margin-top:10px}.dialog-visual{flex-direction:row;gap:20px;min-height:166px;padding:36px 24px 40px;justify-content:center}.dialog-brand-icon{width:66px;height:66px;flex-shrink:0}.dialog-visual #dialog-brand{font-size:clamp(28px,7vw,44px)}.dialog-visual.lumileo #dialog-brand{font-size:clamp(32px,8vw,48px)}.dialog-content{padding-top:27px}.dialog-features{font-size:12px;margin-top:18px}.dialog-visual-caption{left:24px;bottom:15px}}
.dialog-share{margin:12px auto 0;justify-content:center;gap:12px;color:var(--muted);font-size:12px}.dialog-share:hover{color:var(--ink)}.project-status[data-state="other"]>span{background:var(--muted)}.project-dialog .project-status{white-space:nowrap}.hero-footnote a{min-height:44px}
@media(max-width:760px){.dialog-visual.lumileo>span:first-child{font-size:clamp(42px,16vw,70px)}}
html{scroll-padding-top:0}.section-pad{scroll-margin-top:0}.hero-period{color:transparent}.hero-period::after{bottom:.22em}.hero-emblem{width:clamp(245px,25vw,340px)}.hero-main{margin-top:38px;margin-bottom:30px}.hero-bottom{margin-bottom:46px}.studio-copy p:nth-child(2),.dialog-content p{font-size:16px}.studio-main h2>span{color:#6e7069}.hero-footnote a{min-height:44px}
@media(max-width:760px){.hero-emblem{width:21vw}.hero-main{margin:36px 0 34px}.hero-bottom{margin-bottom:32px}.hero-bottom p{font-size:16px}.hero-footnote a{min-height:44px}.studio-copy p:nth-child(2){font-size:16px}.revoqa-symbol{font-size:25vw;top:30%}.lumileo-symbol{width:28%;top:30%}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}html[data-motion="off"] .reveal-ready{opacity:1;transform:none}

/* Uygulama simgesi tam kapak; metinler okunabilir bir üst katmanda. */
.project-cover.has-brand-icon{background:#101326;color:#fff}.project-cover.has-brand-icon::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05071366 0%,#05071308 36%,#05071326 51%,#050713b8 100%);pointer-events:none;z-index:1}.project-cover.has-brand-icon .revoqa-wordmark,.project-cover.has-brand-icon .lumileo-wordmark,.project-cover.has-brand-icon .neutral-wordmark{z-index:2;color:#fff;text-shadow:0 2px 20px #0003}.project-cover.has-brand-icon .cover-top,.project-cover.has-brand-icon .cover-bottom{z-index:2}.project-cover.has-brand-icon .cover-label{opacity:1;border-color:#ffffff66}.project-cover.has-brand-icon .cover-hover-label{background:transparent;text-shadow:0 1px 6px #0008}

/* Küçük kapak, merak edildiğinde açılan görsel alanı. */
.project-grid { align-items: start; grid-template-columns: 1fr 1fr; gap: 32px; }
.project-lumileo { margin-top: 24px; }
.project-cover {
  --cover-rest: clamp(140px, 13vw, 184px);
  --cover-extra: clamp(120px, 12vw, 172px);
  display: block;
  user-select: none;
  aspect-ratio: auto;
  padding: 0;
  transform-origin: center;
  transition: box-shadow 620ms var(--ease);
}
.project-cover::before { content: ''; display: block; height: var(--cover-rest); }
.cover-expansion {
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 620ms cubic-bezier(.22, 1, .36, 1);
}
.cover-expansion > span { display: block; min-height: 0; overflow: hidden; }
.cover-expansion > span::before { content: ''; display: block; height: var(--cover-extra); }
.project-cover .cover-top { position: absolute; top: 18px; left: 22px; right: 22px; }
.project-cover .cover-bottom { position: absolute; bottom: 18px; left: 22px; right: 22px; }
.project-cover .revoqa-wordmark,
.project-cover .lumileo-wordmark,
.project-cover .neutral-wordmark {
  position: absolute;
  bottom: 52px;
  left: 12px;
  right: 12px;
  text-align: center;
  font-size: clamp(40px, 5vw, 70px);
  margin: 0;
}
.project-cover.has-brand-icon .neutral-wordmark { margin: 0; }
.project-info { padding-top: 12px; }
.project-info h3 { font-size: 25px; }
.project-summary { margin-top: 6px; font-size: 13px; }
.project-meta { margin-top: 0; }
.cover-hover-label { bottom: 22px; right: 62px; }
.project-cover .project-brand-icon { inset: -18px 0; height: calc(100% + 36px); transform: scale(1.02); transition: transform 750ms var(--ease); }
.project-cover:focus-visible {
  transform: none;
  box-shadow: 0 16px 36px #20211f1a;
  z-index: 3;
}
.project-cover:focus-visible .cover-expansion { max-height: var(--cover-extra); }
.project-cover:focus-visible .project-brand-icon { transform: scale(1.07); }
.project-dialog[open] { animation: none; }
@media (min-width: 761px) and (hover: hover) and (pointer: fine) {
  .project-cover:hover {
    transform: none;
    box-shadow: 0 16px 36px #20211f1a;
    z-index: 3;
  }
  .project-cover:hover .cover-expansion { max-height: var(--cover-extra); }
  .project-cover:hover .project-brand-icon { transform: scale(1.07); }
}
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .work { overflow-anchor: none; }
  .project-grid { grid-template-columns: 1fr; gap: 24px; }
  .project-lumileo { margin-top: 0; }
  .project-cover { --cover-rest: clamp(108px, 28vw, 160px); --cover-extra: clamp(138px, 36vw, 200px); }
  .project-cover.is-scroll-active .cover-expansion { max-height: var(--cover-extra); }
  .project-cover.is-scroll-active .project-brand-icon { transform: scale(1.07); }
  .project-cover.is-scroll-active .cover-open { background: var(--paper); color: var(--ink); transform: rotate(90deg); }
  .project-cover.is-scroll-active .revoqa-wordmark,
  .project-cover.is-scroll-active .lumileo-wordmark,
  .project-cover.is-scroll-active .neutral-wordmark { transform: translateY(-5px); }
  .project-cover .cover-top { top: 12px; left: 12px; right: 12px; }
  .project-cover .cover-bottom { bottom: 12px; left: 12px; right: 12px; justify-content: space-between; }
  .project-cover .revoqa-wordmark,
  .project-cover .lumileo-wordmark,
  .project-cover .neutral-wordmark {
    font-size: clamp(42px, 12vw, 70px);
    bottom: 38px;
    margin: 0;
  }
  .cover-top { font-size: 8px; letter-spacing: .02em; }
  .cover-label { display: inline-block; }
  .project-cover .cover-bottom > span:first-child { display: block; font-size: 8px; }
  .cover-open { width: 24px; height: 24px; }
  .cover-hover-label { display: none; }
  .project-info { padding-top: 12px; }
  .project-info h3 { font-size: 25px; }
  .project-info { display: flex; }
  .project-status { margin-top: 0; font-size: 12px; }
  .project-summary { display: block; margin: 8px 0; font-size: 13px; line-height: 1.65; }
  .project-meta { align-items: center; flex-direction: row; gap: 10px; margin-top: 4px; }
  .project-meta > span { font-size: 12px; line-height: 1.5; min-height: 0; }
  .project-meta .text-button { gap: 12px; font-size: 12px; }
}
html[data-motion="off"] .project-cover:hover, html[data-motion="off"] .project-cover:focus-visible { transform: none; box-shadow: none; }
html[data-motion="off"] .cover-expansion { transition: none; }

/* Seçilen TPOWER simgesi; aynı kaynak header ve favicon'da kullanılır. */
.brand-mark { width: 34px; height: 34px; flex-shrink: 0; }
.brand-logo { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: darken; }

.dialog-website { display: flex; justify-content: center; min-height: 44px; margin-top: 10px; text-decoration: underline; text-underline-offset: 4px; font-size: 12px; }
.dialog-website[hidden] { display: none; }

/* Aynı tasarımın iki teması. Projelerin kendi renkleri değişmez. */
:root { color-scheme: light; --contact-surface: var(--accent); --contact-ink: #20211f; --contact-muted: #3e4e25; --contact-line: #9dbd48; --contact-dot: #748f31; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #191b18;
  --ink: #efefe9;
  --muted: #adb0a5;
  --line: #3b4036;
  --contact-surface: #252d1d;
  --contact-ink: #efefe9;
  --contact-muted: #b5c3a0;
  --contact-line: #4b583b;
  --contact-dot: var(--accent);
}
body { transition: background-color 320ms ease, color 320ms ease; }
::selection { color: #20211f; }
.header-actions { display: flex; align-items: center; gap: 22px; }
.theme-toggle {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  transition: background-color 250ms ease, color 250ms ease, border-color 250ms ease;
}
.theme-toggle:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.theme-sun { display: none; }
[data-theme="dark"] .theme-moon { display: none; }
[data-theme="dark"] .theme-sun { display: block; }
[data-theme="dark"] .brand-logo,
[data-theme="dark"] .error-brand img { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; }
[data-theme="dark"] .emblem-ring { border-color: #626b57; }
[data-theme="dark"] a:focus-visible, [data-theme="dark"] button:focus-visible { outline-color: #b4ccff; }
[data-theme="dark"] .studio-main h2 > span { color: var(--muted); }
[data-theme="dark"] .project-status > span { background: var(--accent); }
[data-theme="dark"] .project-status[data-state="other"] > span { background: var(--muted); }
[data-theme="dark"] .button-dark { background: var(--accent); color: #20211f; }
[data-theme="dark"] .button-dark:hover { background: #d5ff71; color: #20211f; }
[data-theme="dark"] .cover-neutral,
[data-theme="dark"] .dialog-visual.neutral { color: #20211f; }
[data-theme="dark"] .dialog-visual:not(.lumileo):not(.neutral):not(.ilhan):not(.karizma) { background: #224be9; }
[data-theme="dark"] .dialog-close:hover { color: #20211f; }
[data-theme="dark"] .project-dialog { box-shadow: 0 30px 100px #0009; }
.contact { background: var(--contact-surface); color: var(--contact-ink); transition: background-color 320ms ease, color 320ms ease; }
.contact .section-note, .copy-email, .instagram-link > span { color: var(--contact-muted); }
.contact-main h2 > span { color: var(--contact-dot); }
.contact-details { border-color: var(--contact-line); }
.copy-email:hover { color: var(--contact-ink); }
[data-theme="dark"] .contact-button { background: var(--accent); color: #20211f; }
[data-theme="dark"] .contact-button:hover { background: var(--ink); color: var(--paper); }
@media (max-width: 760px) { .header-actions { gap: 8px; } }

/* Yerel tasarım önizlemesi: vurgu şeridi ve daha belirgin bir kapanış. */
.hero-highlight { display: inline-block; position: relative; isolation: isolate; color: #20211f; padding: .02em .035em .045em; margin-left: -.035em; }
.hero-highlight::before { content: ''; position: absolute; z-index: -1; inset: .08em -.015em .035em; background: var(--accent); transform: rotate(-2deg); }
.hero-highlight .hero-period::after { background: #20211f; }
.contact { --contact-surface: #20211f; --contact-ink: #f3f3ef; --contact-muted: #b5b9ab; --contact-line: #515449; --contact-dot: var(--accent); position: relative; overflow: hidden; padding-top: 60px; padding-bottom: 36px; }
.contact::before { content: ''; position: absolute; width: 590px; height: 590px; right: -210px; top: -370px; border: 1px solid #c1ef4626; border-radius: 50%; pointer-events: none; }
.contact > * { position: relative; }
.contact-main { align-items: center; gap: 48px; padding: 54px 0 46px; }
.contact-main h2 { font-size: clamp(58px, 8.3vw, 128px); line-height: 1.04; letter-spacing: -.065em; }
.contact-main h2 .contact-question { display: block; font-size: .64em; margin-bottom: .15em; letter-spacing: -.05em; color: var(--contact-ink); }
.contact-main h2 .contact-accent { display: block; color: var(--accent); }
.contact-invite { display: flex; align-items: center; flex-direction: column; gap: 25px; text-align: center; padding-right: 8px; }
.contact-invite p { font-size: 13px; line-height: 1.8; color: var(--contact-muted); }
.contact .contact-button { width: 150px; height: 150px; margin: 0; gap: 10px; background: transparent; border: 1px solid #c1ef4670; color: var(--accent); transition: background 300ms ease, color 300ms ease, border-color 300ms ease; }
.contact-arrow { transition: transform 500ms var(--ease); }
.contact .contact-button > span:last-child { display: block; font-size: 11px; }
.contact .contact-button:hover { transform: none; background: var(--accent); color: #20211f; border-color: var(--accent); }
.contact .contact-button:hover .contact-arrow { transform: translate(4px, -4px); }
.contact-email { font-size: clamp(17px, 2vw, 25px); }
.studio-principles p { max-width: 27ch; }
.dialog-project-story { margin: 24px 0; padding: 20px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; gap: 18px; }
.dialog-project-story[hidden] { display: none; }
.dialog-project-story dt { font-size: 10px; letter-spacing: .09em; text-transform: uppercase; color: var(--muted); margin-bottom: 7px; }
.dialog-project-story dd { font-size: 13px; line-height: 1.75; margin: 0; color: var(--ink); }
.footer { padding-top: 0; padding-bottom: 12px; background: #20211f; }
.footer-bottom { margin-top: 0; padding-top: 8px; color: #b5b9ab; border-top-color: #515449; }
.footer .back-to-top { color: #f3f3ef; }

/* Gerçek web projeleri: marka rengi içinde canlı sitenin tarayıcı önizlemesi. */
.project-tabs { display: flex; gap: 32px; margin: -18px 0 34px; border-bottom: 1px solid var(--line); }
.project-tab { position: relative; display: flex; align-items: baseline; gap: 12px; min-height: 56px; padding: 10px 0 18px; background: none; color: var(--muted); font-size: 18px; font-weight: 500; letter-spacing: -.025em; }
.project-tab > span { font-size: 11px; font-weight: 500; letter-spacing: .02em; }
.project-tab::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform 220ms var(--ease); }
.project-tab[aria-selected="true"] { color: var(--ink); }
.project-tab[aria-selected="true"]::after { transform: scaleX(1); }
.project-tab:hover { color: var(--ink); }
.project-tab:focus-visible { outline-offset: 4px; }
@media (max-width: 760px) {
  .project-tabs { gap: 28px; margin: -12px 0 26px; }
  .project-tab { min-height: 52px; font-size: 17px; padding-bottom: 15px; }
}
.project-karizma { margin-top: 24px; }
.project-website .project-cover {
  --cover-extra: 54px;
}
.project-website .project-cover::before { height: auto; aspect-ratio: 1.35; }
.cover-ilhan, .dialog-visual.ilhan { background: #25241f; color: #e2c688; }
.cover-karizma, .dialog-visual.karizma { background: #213c30; color: #d7e0ce; }
.project-cover.has-site-preview .neutral-wordmark { visibility: hidden; }
.site-preview {
  position: absolute;
  inset: 48px 22px 50px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #ffffff30;
  background: #111713;
  box-shadow: 0 12px 30px #0003;
  transform: translateY(calc(var(--cover-shift, 0px) * .35));
  pointer-events: none;
}
.site-preview-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  min-height: 25px;
  border-bottom: 1px solid #ffffff1a;
  color: #dddcd6;
  background: #171b18;
  font-size: 9px;
  letter-spacing: .03em;
}
.site-preview-dots { position: absolute; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: #90988b; box-shadow: 7px 0 #90988b, 14px 0 #90988b; }
.site-preview-image { display: block; width: 100%; height: 100%; min-height: 0; flex: 1; object-fit: contain; }
.project-website .cover-hover-label { background: transparent; }
.project-website .project-info { gap: 12px; }
.project-website .project-info > div { min-width: 0; }
.project-website .project-info h3 { font-size: clamp(22px, 2.1vw, 28px); }
.project-website .project-status { flex-shrink: 0; white-space: nowrap; }
.project-live-link { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 5px; }
.project-live-link:hover { color: var(--ink); text-decoration: underline; }
.dialog-site-preview { display: block; width: 100%; height: auto; border: 1px solid #ffffff30; box-shadow: 0 12px 30px #0003; }
.dialog-visual.has-site-preview { gap: 24px; padding: 70px 24px; }
.dialog-visual.has-site-preview #dialog-brand { font-size: clamp(28px, 3vw, 40px); }
[data-theme="dark"] .dialog-visual.ilhan { background: #25241f; }
[data-theme="dark"] .dialog-visual.karizma { background: #213c30; }
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .project-karizma { margin-top: 0; }
  .project-website .project-cover { --cover-extra: 54px; }
  .site-preview { inset: 40px 14px 42px; }
  .site-preview-bar { min-height: 21px; font-size: 8px; }
  .project-website .project-info h3 { font-size: 22px; }
  .dialog-visual.has-site-preview { flex-direction: column; gap: 14px; padding: 50px 24px 46px; }
  .dialog-visual.has-site-preview .dialog-site-preview { max-width: 400px; }
  .dialog-visual.has-site-preview #dialog-brand { font-size: 28px; }
}
@media (min-width: 1700px) {
  .footer { max-width: none; margin: 0; padding-left: max(var(--gutter), calc((100vw - var(--max))/2 + var(--gutter))); padding-right: max(var(--gutter), calc((100vw - var(--max))/2 + var(--gutter))); }
}
@media (max-width: 760px) {
  .contact { padding-top: 34px; padding-bottom: 22px; }
  .contact-main { display: block; padding: 32px 0 28px; }
  .contact-invite { margin-top: 26px; flex-direction: row; justify-content: space-between; gap: 18px; text-align: left; padding: 0; }
  .contact-invite p { font-size: 12px; }
  .contact .contact-button { width: 88px; height: 88px; gap: 4px; }
  .contact .contact-button > span:last-child { font-size: 9px; }
  .contact-arrow { width: 32px; height: 32px; }
  .footer { padding-top: 0; padding-bottom: 8px; }
  .footer-bottom { margin-top: 0; padding-top: 6px; }

}

/* İletişim simgeleri, bağlantı metinleriyle birlikte görünür. */
.contact-icon { display: block; width: 18px; height: 18px; flex-shrink: 0; color: var(--accent); }
.contact-email, .contact-social-name { display: inline-flex; align-items: center; gap: 10px; }
.contact-email { min-height: 44px; }
.instagram-link > .contact-social-name { color: var(--contact-ink); }
@media (max-width: 760px) { .contact-email { font-size: clamp(14px, 4.3vw, 17px); } }

/* Keep consent controls readable and easy to reach on narrow screens. */
@media (max-width: 760px) {
  .footer-bottom { display: grid; grid-template-columns: 1fr auto; column-gap: 16px; }
  .footer-bottom > .back-to-top { grid-column: 2; grid-row: 1; }
  .footer-bottom > .cookie-footer-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 8px 24px; }
}