@font-face{font-family:DM;src:url('assets/sans.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url('assets/handwriting.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--paper:#111210;--ink:#eeefea;--muted:#a0a29a;--line:#30322c;--gold:#d5b478;font-family:DM,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#d5b478;color:#111}.wrap{max-width:1376px;padding:0 64px;margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--ink);color:var(--paper);padding:16px}.skip:focus{top:10px}.nav{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:19px;letter-spacing:-.7px}.brand-dot,.gold{color:var(--gold)}.nav-links{display:flex;gap:34px;font-size:14px}.nav-links a{color:#b9bbb3;transition:color .2s}.nav-links a:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:0 45px;padding-top:100px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:400;color:var(--muted);margin:0 0 26px;display:flex;align-items:center;gap:12px}.gold-line{display:inline-block;width:25px;height:1px;background:var(--gold)}h1{font-size:clamp(55px,5.85vw,83px);line-height:1.08;letter-spacing:-.055em;font-weight:400;margin:0}em{font-family:Georgia,'Times New Roman',serif;color:var(--gold);font-weight:400;letter-spacing:-.055em}.intro{font-size:17px;line-height:1.75;color:var(--muted);margin:28px 0}.pill{display:inline-flex;align-items:center;gap:35px;border:1px solid #55584d;border-radius:30px;padding:15px 22px;font-size:14px;transition:background .2s,border-color .2s}.pill:hover{background:#24261f;border-color:var(--gold)}.hero-visual{position:relative;align-self:center;min-height:390px;display:block}.visual-caption{display:flex;justify-content:space-between;gap:12px;color:#92978b;font-size:10px;letter-spacing:.1em;margin-bottom:28px}.hero-shot{position:absolute;width:91%;height:auto;border:1px solid #5a5b51;border-radius:6px;box-shadow:0 20px 70px #0008;transition:transform .6s}.shot-back{top:55px;right:3px;transform:rotate(5deg)}.shot-front{top:183px;left:-6px;transform:rotate(-6deg)}.hero-visual:hover .shot-front{transform:rotate(-3deg) translateY(-8px)}.hero-visual:hover .shot-back{transform:rotate(3deg)}.handwritten{font-family:Caveat,'Brush Script MT',cursive;font-weight:500;color:var(--gold)}.hero-note{position:absolute;right:8px;bottom:-43px;font-size:31px;transform:rotate(-7deg)}.hero-baseline{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;padding:35px 0;margin-top:92px;border-top:1px solid var(--line);color:#92968b;font-size:12px}.hero-baseline>span:first-child{letter-spacing:.1em;color:#c9cbc2}.section{padding:90px 0}.section-label{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:52px}.section-label .eyebrow{margin-bottom:17px}.section-label h2{font-size:48px;letter-spacing:-.05em;font-weight:400;margin:0}.section-label>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 4px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 38px}.work-card.offset{margin-top:90px}.work-card{min-width:0}.work-image{padding:36px 24px;position:relative;overflow:hidden;border-radius:9px;background:#273239;aspect-ratio:1.48;display:flex;align-items:center;border:1px solid #ffffff0a}.work-image img{width:100%;height:auto;border-radius:4px;box-shadow:0 12px 40px #0006;transition:transform .5s}.work-card:hover img{transform:scale(1.04) translateY(-4px)}.work-image.law{background:#32352b}.work-image.music{background:#24362d}.work-image.racing{background:#382523}.open-project{position:absolute;bottom:15px;right:15px;background:#141612cc;width:36px;height:36px;border-radius:100%;display:grid;place-items:center;font-size:22px;transition:background .2s}.work-card:hover .open-project{background:#c5a66c;color:#111}.work-title{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:24px}.work-title h3{font-size:24px;font-weight:400;letter-spacing:-.04em;margin:0}.work-title>span{font-size:12px;color:var(--muted)}.work-card>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px;margin:12px 0 0}.more-work{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:70px 0 0}.more-work>a{border-top:1px solid var(--line);padding-top:28px}.more-work>a>span,.small-projects>*>span{font-size:11px;letter-spacing:.1em;color:#a8a38f}.more-work h3{font-size:27px;font-weight:400;letter-spacing:-.035em;margin:17px 0 12px}.more-work h3 span[aria-hidden="true"]{float:right}.more-work p,.small-projects p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.small-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:48px;border-top:1px solid var(--line);padding-top:30px}.small-projects h3{font-size:18px;font-weight:400;margin:15px 0 10px}.small-projects a:hover h3,.more-work a:hover h3{color:var(--gold)}.venture{background:#20251c;border:1px solid #3a4231;padding:48px 52px;border-radius:12px;margin:20px 0 35px}.venture-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b7bea9}.venture-top>span:last-child{letter-spacing:.1em}.venture-body{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin:60px 0}.venture h2{font-size:clamp(34px,4vw,52px);line-height:1.15;font-weight:400;letter-spacing:-.045em;margin:0}.venture p{color:#b1bba6;font-size:16px;line-height:1.8;margin:0 0 18px}.text-link{display:inline-flex;gap:25px;padding:10px 0;border-bottom:1px solid #777c69;font-size:14px}.text-link:hover{color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #47503c;padding-top:30px;gap:24px}.stats>div{display:flex;flex-direction:column;gap:8px}.stats strong{font-size:64px;font-weight:400;letter-spacing:-.055em}.stats strong span{color:var(--gold)}.stats>div>span{font-size:14px;color:#acb69d}.venture .stats-note{font-size:12px;color:#959e87;margin:25px 0 0}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding:115px 0}.about h2{font-size:86px;font-weight:400;line-height:1.05;letter-spacing:-.06em;margin:0}.about-note{font-size:28px;display:inline-block;margin-top:30px;transform:rotate(-7deg)}.about>div>p:not(.eyebrow){font-size:31px;line-height:1.35;letter-spacing:-.025em;margin:0 0 28px}.bio p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 20px}.skills{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#bdc1b4;margin:30px 0 22px}.skills>span{padding:8px 12px;border:1px solid #373c30;border-radius:30px}.contact{padding:90px 0 85px;border-top:1px solid var(--line)}.contact-layout{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact h2{font-size:clamp(62px,7vw,96px);line-height:1.04;letter-spacing:-.06em;font-weight:400;margin:0}.contact-layout>div>p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 25px}.email-link{display:inline-flex;align-items:center;gap:40px;font-size:clamp(16px,1.7vw,23px);letter-spacing:-.025em;border-bottom:1px solid #7d765f;padding:0 0 14px}.email-link:hover{color:var(--gold)}.footer{border-top:1px solid var(--line);padding:35px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:30px;font-size:14px;color:var(--muted)}.footer a:hover{color:var(--gold)}.signature{text-align:center;font-size:clamp(45px,7.5vw,102px);line-height:1.3;margin:64px 0 60px;transform:rotate(-4deg)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:#8d9285}.personal{padding:50px 0 70px;border-top:1px solid var(--line)}.personal .section-label h2{font-size:42px}.personal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:38px}.personal-feature{background:#24221c;border:1px solid #4a4230;border-radius:9px;padding:36px}.personal-feature .eyebrow{color:#c5b68f}.personal-feature h3{font-size:36px;line-height:1.15;font-weight:400;letter-spacing:-.04em;margin:26px 0 18px}.personal-feature p{font-size:16px;line-height:1.8;color:#bdb7a5}.personal-feature .tech{font-size:12px;color:var(--gold);border-top:1px solid #4a4230;padding-top:20px;margin:25px 0 0}.personal-list article{padding:0 0 23px;margin-bottom:25px;border-bottom:1px solid var(--line)}.personal-list h3{font-size:22px;font-weight:400;margin:0 0 10px}.personal-list p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.personal-list a:hover{color:var(--gold)}
@media(min-width:1600px){.hero{padding-top:120px}.hero-baseline{margin-top:115px}}@media(max-width:1050px){.wrap{padding:0 40px}.hero{gap:25px;padding-top:70px}h1{font-size:62px}.hero-visual{min-height:340px}.shot-front{top:160px}.hero-note{bottom:-12px}.work-title{display:block}.work-title>span{display:block;margin-top:9px}.about{gap:50px}.contact-layout{align-items:flex-start;flex-direction:column}.venture{padding:35px}.venture-body{gap:30px}.hero-baseline>span:last-child{max-width:330px;text-align:right}}@media(max-width:720px){.wrap{padding:0 23px}.nav{height:87px}.wordmark{font-size:16px;max-width:125px;line-height:1.25}.nav-links{gap:17px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:52px;gap:30px}h1{font-size:clamp(52px,11.3vw,76px);line-height:1.05}.eyebrow{font-size:10px;letter-spacing:.1em}.intro{font-size:16px}.hero-visual{min-height:350px;width:100%;max-width:500px;margin:20px auto 0}.shot-back{top:40px;width:84%;right:4%}.shot-front{top:145px;width:84%;left:4%}.hero-note{bottom:-10px;right:5%;font-size:28px}.visual-caption{font-size:9px}.hero-baseline{margin-top:15px;padding:25px 0;flex-direction:column;gap:12px}.hero-baseline>span:last-child{text-align:left;font-size:12px;max-width:290px;line-height:1.6}.section{padding:58px 0}.section-label{display:block;margin-bottom:32px}.section-label h2{font-size:37px}.section-label>p{margin-top:18px;font-size:14px}.work-grid{grid-template-columns:1fr;gap:38px}.work-card.offset{margin-top:0}.work-image{aspect-ratio:1.45;padding:28px 20px}.work-title{display:flex;align-items:baseline;gap:12px;margin-top:20px}.work-title h3{font-size:22px}.work-title>span{font-size:10px;margin-top:0}.work-card>p{font-size:14px;margin-top:8px}.more-work{grid-template-columns:1fr;gap:30px;margin-top:45px}.small-projects{grid-template-columns:1fr;gap:28px}.venture{padding:30px 24px;margin:10px -4px 0}.venture-top{flex-direction:column;gap:13px}.venture-body{grid-template-columns:1fr;margin:35px 0}.venture h2{font-size:37px}.venture p{font-size:15px}.stats{gap:14px}.stats strong{font-size:43px}.stats>div>span{font-size:11px}.about{grid-template-columns:1fr;gap:48px;padding:75px 0}.about h2{font-size:72px}.about-note{margin-top:20px}.about>div>p:not(.eyebrow){font-size:28px}.contact{padding:60px 0}.contact h2{font-size:68px}.contact-layout{gap:30px}.email-link{font-size:19px;gap:26px}.footer-top{align-items:flex-start}.footer-links{gap:15px;font-size:12px}.signature{font-size:49px;margin:55px -5px 45px}.footer-bottom{flex-wrap:wrap;gap:16px;font-size:11px}.footer-bottom>span:nth-child(2){display:none}.personal-grid{grid-template-columns:1fr;gap:30px}.personal .section-label h2{font-size:36px}.personal-feature{padding:26px}.personal-feature h3{font-size:32px}.desktop-break{display:none}}@media(max-width:390px){.hero-visual{min-height:300px}.shot-front{top:125px}.hero-note{bottom:-12px}.nav-links{gap:12px}.signature{font-size:43px}.work-title{display:block}.work-title>span{font-size:12px;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Language controls */
.nav-right{display:flex;align-items:center;gap:35px}.language-switch{display:flex;align-items:center;gap:1px;border-left:1px solid var(--line);padding-left:22px}.language-switch button{font:inherit;font-size:13px;letter-spacing:.03em;color:var(--muted);border:0;background:transparent;min-width:40px;min-height:44px;cursor:pointer;border-radius:6px;padding:9px}.language-switch>span{font-size:12px;color:#585b51}.language-switch button[aria-pressed="true"]{color:var(--gold);background:#d5b4780c}.language-switch button:hover{color:var(--ink)}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Made for someone */
.love-projects{--rose:#dfa4ad;background:#1c1618;border:1px solid #50373d;border-radius:16px;margin:10px 0 70px;padding:48px}.love-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:40px}.love-heading .eyebrow{color:#bb959d;font-size:11px;letter-spacing:.08em;gap:10px}.heart{color:var(--rose);font-size:24px;line-height:1}.love-heading h2{font-size:clamp(36px,4.2vw,57px);line-height:1.12;font-weight:400;letter-spacing:-.05em;margin:0}.love-heading em{color:#dfa4ad}.love-intro .handwritten{display:block;color:#e2adb4;font-size:32px;transform:rotate(-4deg);transform-origin:left center;margin-bottom:18px}.love-intro p{font-size:16px;line-height:1.8;color:#b9a6ab;margin:0}.love-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.love-card{display:flex;flex-direction:column;align-items:flex-start;background:#241c20;border:1px solid #48343b;border-radius:10px;padding:28px 30px}.love-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:11px;letter-spacing:.08em;color:#b798a1}.love-card-top .heart{font-size:26px}.love-card h3{font-size:27px;font-weight:400;letter-spacing:-.035em;margin:25px 0 13px}.love-card h3 a:hover{color:var(--rose)}.love-card p{font-size:16px;line-height:1.75;color:#bdacb1;margin:0 0 24px}.love-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.love-tags>span{font-size:12px;color:#c5adb4;padding:6px 10px;border:1px solid #553d46;border-radius:30px}.display-card{background:#292023}.love-end{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:#b98c97;margin-top:30px;text-align:center}.love-end>span:first-child{font-size:22px}
/* iumProject brand */
.venture{--ium:#68dedf;background:#112327;border-color:#25505b}.venture-top{color:#8eafb9}.venture-identity{position:relative}.ium-logo{display:block;width:158px;height:auto;margin:-22px 0 18px -16px;object-fit:contain}.venture h2{font-size:clamp(33px,3.8vw,49px)}.venture em,.venture .stats strong span{color:var(--ium)}.venture p{color:#a0bbc4}.venture .text-link{border-color:#427580}.venture .text-link:hover{color:var(--ium)}.venture .stats{border-color:#2d515c}.venture .stats>div>span{color:#9dbdc8}.venture .stats-note{color:#8daab5}.venture-body{align-items:center}.venture .stats strong{color:#e2f5f7}
html[lang="en"] h1{font-size:clamp(48px,5vw,71px)}html[lang="en"] .contact h2{font-size:clamp(52px,5.5vw,78px)}
@media(max-width:1050px){.nav-right{gap:20px}.language-switch{padding-left:15px}.love-projects{padding:34px}.love-heading{gap:35px}.love-card{padding:25px}.love-heading h2{font-size:42px}}
@media(max-width:720px){.nav{height:auto;min-height:94px;gap:10px}.nav-right{gap:12px}.nav-links{gap:12px}.nav-links a[href="#hakkimda"]{display:none}.language-switch{padding-left:10px;gap:0}.language-switch button{min-width:32px;padding:6px;font-size:12px}.wordmark{font-size:15px;max-width:100px}.love-projects{padding:28px 22px;margin:10px -4px 48px;border-radius:12px}.love-heading{grid-template-columns:1fr;gap:30px;margin-bottom:28px}.love-heading h2{font-size:39px}.love-heading .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.06em}.love-heading .heart{font-size:25px}.love-intro .handwritten{font-size:29px;margin-bottom:18px}.love-grid{grid-template-columns:1fr;gap:16px}.love-card{padding:23px 21px}.love-card h3{font-size:25px}.love-card p{font-size:15px}.love-card-top{font-size:10px}.love-tags>span{font-size:11px}.love-end{font-size:12px;line-height:1.6;gap:8px}.ium-logo{width:126px;margin:-14px 0 14px -10px}.venture-body{gap:25px}.venture h2{font-size:35px}html[lang="en"] h1{font-size:clamp(45px,10.5vw,68px)}html[lang="en"] .contact h2{font-size:clamp(44px,10vw,66px)}}
@media(max-width:370px){.nav-right{gap:6px}.language-switch{padding-left:6px}.nav-links{gap:8px}.nav-links a{font-size:11px}.love-heading h2{font-size:34px}.wordmark{font-size:14px;max-width:86px}}

/* Keep translated labels inside a single badge. */
.skills>span{display:inline-flex;align-items:center;max-width:100%;line-height:1.5}.skills>span>span{min-width:0;overflow-wrap:anywhere}.about>div{min-width:0}
/* Project images: original screenshots composed in the page. */
.visual-work>a{border-top:0;padding-top:0;min-width:0}.screen-pair{height:300px;position:relative;overflow:hidden;background:#1b2438;border:1px solid #ffffff0d;border-radius:10px;margin-bottom:25px}.screen-pair img{position:absolute;display:block;height:auto;border-radius:5px;border:1px solid #ffffff24;box-shadow:0 15px 45px #0007}.pair-base{width:88%;left:5%;top:24px;transform:rotate(-3deg)}.pair-detail{width:66%;right:-7%;bottom:-5%;transform:rotate(5deg)}.games-pair{background:#1b2c35}.games-pair .pair-base{width:92%;left:-11%;top:24px}.games-pair .pair-detail{width:76%;right:-18%;bottom:-18%;transform:rotate(5deg)}.ipek-pair{background:#c7bab1}.ipek-pair .pair-base{top:20px;width:90%;left:-8%}.ipek-pair .pair-detail{width:84%;right:-14%;bottom:-14%}.image-link{display:block;overflow:hidden;border-radius:7px}.image-link img{width:100%;height:100%;display:block;object-fit:contain}.image-link:focus-visible{outline-offset:4px}.sessio-feature{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;background:#18212d;border:1px solid #31435b;border-radius:14px;margin:60px 0 36px;overflow:hidden;padding:42px 46px}.sessio-copy h3{font-size:62px;letter-spacing:-.05em;font-weight:400;margin:0 0 22px}.sessio-copy>p:not(.eyebrow){font-size:26px;line-height:1.4;margin:0 0 22px}.sessio-copy .secondary{font-size:16px!important;line-height:1.8!important;color:#a5b5c9}.sessio-screens{display:flex;justify-content:center;align-items:center;gap:20px;min-width:0;padding:20px 0}.sessio-screens .image-link{width:44%;height:380px;border-radius:22px;box-shadow:0 12px 40px #0005}.sessio-screens img{object-fit:cover;object-position:center}.sessio-one{transform:rotate(-5deg)}.sessio-two{transform:rotate(5deg);margin-top:50px}.code-projects{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-top:45px}.code-projects h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:20px 0 13px}.code-projects p{font-size:16px;line-height:1.75;color:var(--muted)}.terminal{background:#0c1010;border:1px solid #33413d;border-radius:9px;overflow:hidden}.terminal-bar{display:flex;gap:20px;justify-content:space-between;padding:15px 20px;background:#1d2522;color:#9baeaa;font:12px monospace}.terminal-bar>span:first-child{letter-spacing:4px;color:#69897f}.terminal pre{padding:22px;margin:0;line-height:1.65;font-size:13px;color:#b9cbc2;overflow:auto}.terminal-command{color:#99deb9}.terminal small{display:block;padding:0 22px 18px;color:#8ca196;font-size:11px}.tutorial-card{padding:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.illustrated-love{padding:0 0 26px;overflow:hidden}.illustrated-love>.screen-pair,.hardware-photos{width:100%;height:320px;margin:0 0 26px;border-radius:9px 9px 0 0;border:0}.illustrated-love>.love-card-top,.illustrated-love>h3,.illustrated-love>p,.illustrated-love>.love-tags{margin-left:26px;margin-right:26px}.illustrated-love>.love-card-top{width:calc(100% - 52px)}.hardware-photos{display:grid;grid-template-columns:1.3fr 1fr;gap:5px;background:#121b1b}.hardware-photos .image-link{border-radius:0;min-height:0}.hardware-photos img{object-fit:cover}.hardware-main img{object-position:50% 52%}.hardware-process{display:grid;grid-template-rows:1fr 1fr;gap:5px;min-height:0}.hardware-process img{object-position:center 46%}.ium-showcase{margin:25px 0 42px}.gallery-heading{display:flex;justify-content:space-between;gap:35px;align-items:baseline;margin-bottom:24px}.gallery-heading h3{font-size:25px;font-weight:400;letter-spacing:-.025em;margin:0}.gallery-heading p{font-size:14px!important;max-width:300px;margin:0!important}.ium-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ium-gallery figure{margin:0;min-width:0}.ium-gallery .image-link{height:255px;background:#0b191d;border:1px solid #315460}.ium-gallery img{object-fit:contain}.ium-gallery figcaption{font-size:13px;color:#a0c6cf;padding-top:12px}.board-section{padding:75px 0 20px}.board-section .section-label h2{font-size:40px;max-width:650px;line-height:1.15}.board-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.board-gallery article{min-width:0}.board-gallery .image-link{height:270px;background:#242220;border:1px solid #39382f;padding:10px}.board-gallery h3{font-size:24px;font-weight:400;letter-spacing:-.03em;margin:22px 0 12px}.board-gallery p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.image-link:hover{outline:1px solid #b7a077}
@media(max-width:1050px){.screen-pair{height:250px}.sessio-feature{padding:30px;gap:20px}.sessio-screens{gap:12px}.sessio-screens .image-link{height:320px}.illustrated-love>.screen-pair,.hardware-photos{height:265px}.board-gallery{gap:18px}.board-gallery .image-link{height:210px}.gallery-heading{display:block}.gallery-heading p{margin-top:15px!important;max-width:none}}
@media(max-width:720px){.screen-pair{height:270px}.visual-work{gap:40px}.sessio-feature{grid-template-columns:1fr;padding:27px 23px;margin-top:40px;gap:0}.sessio-copy h3{font-size:52px}.sessio-copy>p:not(.eyebrow){font-size:24px}.sessio-screens .image-link{height:300px;max-width:180px}.sessio-screens{gap:16px}.code-projects{grid-template-columns:1fr;gap:28px}.tutorial-card{padding:25px 0}.terminal pre{font-size:12px;padding:18px}.illustrated-love>.screen-pair,.hardware-photos{height:260px}.illustrated-love>.love-card-top,.illustrated-love>h3,.illustrated-love>p,.illustrated-love>.love-tags{margin-left:20px;margin-right:20px}.illustrated-love>.love-card-top{width:calc(100% - 40px)}.ium-gallery{grid-template-columns:1fr;gap:22px}.ium-gallery .image-link{height:230px}.gallery-heading h3{font-size:25px}.board-section{padding-top:55px}.board-section .section-label h2{font-size:34px}.board-gallery{grid-template-columns:1fr;gap:35px}.board-gallery .image-link{height:280px}.board-gallery h3{margin-top:18px}.love-projects{padding-left:18px;padding-right:18px}}@media(max-width:370px){.screen-pair{height:230px}.sessio-screens .image-link{height:260px}.illustrated-love>.screen-pair,.hardware-photos{height:230px}}
.company-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin:50px 0}.company-heading h2{font-size:clamp(44px,5vw,65px);line-height:1.03}.company-heading .eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.08em}.company-registration{display:flex;align-items:center;gap:16px;padding:17px 0;margin-top:22px;border-top:1px solid #31525c;border-bottom:1px solid #31525c}.company-registration>img{flex:0 0 42px;object-fit:contain}.company-registration>span:nth-child(2){display:flex;flex-direction:column;gap:7px;min-width:0}.company-registration strong{font-size:13px;font-weight:400;letter-spacing:.05em}.company-registration span span{font-size:13px;color:#a3c1c9}.company-registration small{font-size:11px;color:#91b3be}.company-registration>span:last-child{margin-left:auto;font-size:22px;color:#8cdfe2}.company-registration:hover{border-color:#8cdfe2}.company-project{background:#0d1b20;border:1px solid #294751;border-radius:12px;padding:32px;margin-top:30px}.project-parent-label{font-size:10px;letter-spacing:.13em;color:#84b8c5;border-bottom:1px solid #28404a;padding-bottom:22px}.project-brand{display:flex;align-items:center;gap:12px;margin:22px 0}.project-brand img{object-fit:contain;margin-left:-15px}.project-brand h3{font-size:39px;letter-spacing:-.045em;font-weight:400;margin:0 0 7px}.project-brand p{font-size:14px;margin:0}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-story p{font-size:15px}.company-project .ium-showcase{margin-top:42px}.company-project .stats{margin-top:35px}.company-project .stats-note{margin-bottom:0}@media(max-width:720px){.company-heading{grid-template-columns:1fr;gap:30px;margin:35px 0}.company-heading h2{font-size:52px}.company-project{padding:23px 17px;margin-left:-8px;margin-right:-8px}.project-story{grid-template-columns:1fr;gap:0}.project-parent-label{font-size:9px;line-height:1.6}.project-brand{gap:0}.project-brand h3{font-size:32px}.project-brand img{width:76px;height:auto}.company-registration{gap:12px}.company-registration strong{font-size:12px}.company-registration small{font-size:10px}.company-heading .eyebrow{font-size:9px}}
.generated-visual{display:block;width:100%;aspect-ratio:3/2;background:#141719;overflow:hidden;border-radius:10px;margin-bottom:24px}.generated-visual img{display:block;width:100%;height:100%;object-fit:contain}.visual-work .generated-visual{border:1px solid #ffffff12}.sessio-feature{grid-template-columns:.8fr 1.3fr;padding:36px;gap:25px}.sessio-mockup{margin:0;align-self:center;box-shadow:0 15px 45px #0003}.illustrated-love>.generated-visual{border-radius:9px 9px 0 0;margin-bottom:26px;flex:0 0 auto}.ium-mockup{max-width:100%;margin:0;aspect-ratio:3/2}.board-mockup{max-width:980px;margin:0 auto 30px}.board-gallery .image-link{display:none}.board-gallery article{border-top:1px solid var(--line);padding-top:5px}.generated-visual[href]:hover{outline:1px solid #8b887d}@media(max-width:720px){.sessio-feature{grid-template-columns:1fr;padding:26px 22px}.sessio-mockup{margin-top:10px}.generated-visual{border-radius:8px}.board-gallery{gap:20px}.company-project .ium-mockup{border-radius:6px}}
.mockup-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;margin:-12px 0 35px}