*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-jetbrains),monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}:root{--ink:#181a1f;--muted:#686b73;--paper:#f4f0e9;--line:#d8d1c6;--lime:#d9ff52;--orange:#ec6848}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--paper)}body{margin:0;overflow-x:hidden;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a,button{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.site-header{min-height:76px;padding:0 clamp(20px,4vw,66px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.wordmark{font-size:25px;font-weight:900;letter-spacing:-.08em}.wordmark span{color:var(--orange)}.nav-links{display:flex;align-items:center;gap:clamp(16px,2.8vw,43px)}.language-toggle,.nav-links a,.nav-links button{font-size:11px;font-weight:800;letter-spacing:.08em}.nav-links button{padding:0;border:0;background:transparent}.nav-links a:hover,.nav-links button:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:15px}.language-toggle,.menu-toggle{border:0;background:transparent}.language-toggle{padding:8px 0}.menu-toggle{display:none;padding:7px}.hero{min-height:calc(88vh - 76px);display:grid;grid-template-columns:minmax(0,1.16fr) minmax(280px,.72fr);position:relative;border-bottom:1px solid var(--line)}.hero>*{min-width:0}.hero-copy{padding:clamp(50px,8vw,118px) clamp(20px,7vw,118px) 86px clamp(20px,6vw,100px);align-self:center}.section-label{margin:0;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.contact h2,.hero h1{margin:22px 0;font-size:clamp(50px,7.5vw,130px);line-height:.83;letter-spacing:-.08em;font-weight:900}.contact h2,.hero h1 span{display:block;max-width:100%}.hero h1 span{white-space:nowrap;overflow-wrap:normal;word-break:normal}.contact h2{white-space:pre-line}.hero h1 .title-second-line{transform:translateY(.035em)}.hero h1.hero-title-tr{font-size:clamp(42px,6.7vw,112px);letter-spacing:-.09em}.hero h1.hero-title-tr .title-second-line{transform:translateY(.085em)}.hero-copy>p:not(.section-label){max-width:520px;color:#4f5259;font-size:16px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;gap:13px;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.05em}.button-dark{color:var(--paper);background:var(--ink)}.button-light{color:var(--ink);background:var(--lime)}.text-action{display:inline-flex;gap:8px;align-items:center;padding:0;border:0;background:transparent;font-size:11px;font-weight:800;letter-spacing:.06em}.hero-portrait{width:min(100%,520px);min-width:0;min-height:0;aspect-ratio:4/5;align-self:center;justify-self:center;overflow:hidden;position:relative;background:#d6d0c4}.hero-portrait img{width:100%;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:grayscale(1) contrast(1.05)}.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(24,26,31,.5))}.hero-portrait span{position:absolute;z-index:1;right:20px;bottom:31px;left:35px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}.scroll-prompt{position:absolute;left:clamp(20px,6vw,100px);bottom:33px;font-size:10px;font-weight:800;letter-spacing:.1em}.section{padding:clamp(65px,10vw,150px) clamp(20px,6vw,100px);border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(260px,.68fr);gap:clamp(35px,10vw,170px)}.about h2,.certificates h2,.projects h2,.skills h2{margin:0;font-size:clamp(35px,4.6vw,76px);line-height:.96;letter-spacing:-.065em}.about-grid>div>p{margin:0;color:#50535a;font-size:15px;line-height:1.75}.facts{margin:34px 0 0;border-top:1px solid var(--line)}.facts div{padding:15px 0;display:grid;grid-template-columns:98px 1fr;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em}.facts dd{margin:0;font-size:12px;font-weight:700}.about-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.social-link{width:-moz-max-content;width:max-content;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.06em}.projects,.social-link:hover{color:var(--paper);background:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:center}.projects .section-label,.section-heading span{color:#c9c4bc}.section-heading span{font-size:11px;font-weight:800}.project-tabs{display:flex;gap:22px;overflow:auto;margin:52px 0 28px;border-bottom:1px solid #47494e}.project-tabs button{flex:0 0 auto;padding:0 0 15px;border:0;border-bottom:2px solid transparent;color:#98999d;background:transparent;font-size:11px;font-weight:800;letter-spacing:.06em}.project-tabs button.active{color:var(--lime);border-color:var(--lime)}.project-feature{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(400px,1.3fr);gap:clamp(30px,6vw,100px);align-items:center}.project-meta p{margin:0;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.1em}.project-meta h2{margin:13px 0 18px}.project-meta>span{display:block;max-width:360px;color:#c5c5c8;font-size:14px;line-height:1.65}.project-meta small{display:block;margin-top:16px;color:#fff;font-size:11px;font-weight:700}.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button-outline{border:1px solid #696b70;color:var(--paper);background:transparent}.button-outline:hover{border-color:var(--lime);color:var(--lime)}.browser-gallery{position:relative;min-height:430px}.browser-gallery figure,.phone-gallery figure{margin:0;background:#fff;box-shadow:14px 16px 0 var(--orange)}.browser-gallery figure{position:absolute;overflow:hidden;border:7px solid #fff}.browser-gallery .main-shot{inset:0 0 25px 7%}.browser-gallery .detail-shot{width:40%;aspect-ratio:1.55;bottom:0;left:0;border-width:5px}.browser-gallery img{-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.phone-gallery{position:relative;min-height:470px;isolation:isolate}.phone-gallery figure{position:absolute;width:168px;height:364px;padding:2px;overflow:visible;border:1px solid #24272c;border-radius:33px;background:#15181d;box-shadow:0 20px 36px rgba(0,0,0,.28),inset 0 0 0 1px hsla(0,0%,100%,.12)}.phone-gallery figure:after,.phone-gallery figure:before{content:"";position:absolute;pointer-events:none}.phone-gallery figure:before{top:82px;left:-2px;width:1px;height:30px;border-radius:1px 0 0 1px;background:#454950;box-shadow:0 38px 0 #454950}.phone-gallery figure:after{top:102px;right:-2px;width:1px;height:52px;border-radius:0 1px 1px 0;background:#3b3f45}.phone-screen{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:0;border-radius:30px;background:#080a0d}.phone-screen:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(116deg,hsla(0,0%,100%,.035),transparent 27%)}.phone-speaker{position:absolute;top:7px;left:50%;z-index:2;width:8px;height:8px;border-radius:50%;background:#05070a;transform:translateX(-50%);box-shadow:inset 0 0 0 2px #102330,0 0 2px rgba(72,162,214,.24)}.phone-speaker:after{display:none}.phone-gallery img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.phone-1{left:0;top:66px;transform:rotate(-6deg);z-index:3}.phone-2{left:23%;top:0;z-index:4;transform:rotate(-1deg)}.phone-3{left:47%;top:58px;z-index:2;transform:rotate(5deg)}.phone-4{right:0;top:24px;z-index:1;transform:rotate(8deg)}.timeline{margin-top:48px}.timeline article{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.timeline article>span{font-size:11px;font-weight:800}.timeline p{margin:0;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.1em}.timeline h3{margin:8px 0 3px;font-size:27px;letter-spacing:-.045em}.timeline h4{margin:0 0 12px;font-size:13px}.timeline small{max-width:680px;color:#55575e;line-height:1.6;font-size:13px}.skills{background:#ded7cc}.certificates h2,.skills h2{margin-top:28px}.skills ul{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;margin:55px 0 0;list-style:none;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.skills li{min-height:170px;padding:18px;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.skills li span{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.skills li strong{margin-top:auto;font-size:19px;line-height:1.1}.skills li small{min-height:42px;margin-top:12px;color:#55575e;font-size:11px;font-weight:500;line-height:1.45}.collapsible-heading{width:100%;padding:0 0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-bottom:1px solid var(--ink);text-align:left;background:transparent}.collapsible-heading h2{transition:color .2s ease}.collapsible-heading:hover h2{color:var(--orange)}.collapsible-toggle{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;transition:background .2s ease,transform .2s ease}.collapsible-heading:hover .collapsible-toggle{background:var(--lime)}.collapsible-heading[aria-expanded=true] .collapsible-toggle{transform:rotate(180deg);background:var(--lime)}.collapsible-content{padding-top:28px}.section-summary{max-width:620px;margin:0;color:#55575e;line-height:1.65;font-size:14px}.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,42px);margin-top:48px}.certificate-card{min-width:0;display:grid;grid-template-rows:auto minmax(340px,50vh);border:1px solid var(--ink);background:#fff;box-shadow:12px 14px 0 var(--orange)}.certificate-card:nth-child(4n+2),.certificate-card:nth-child(4n+3){box-shadow:12px 14px 0 var(--lime)}.certificate-card-header{min-height:66px;display:grid;grid-template-columns:54px 1fr 52px;align-items:center;border-bottom:1px solid var(--ink);background:var(--paper)}.certificate-card-header span{height:100%;display:grid;place-items:center;border-right:1px solid var(--ink);color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.08em}.certificate-card-header strong{padding:0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;letter-spacing:-.02em}.certificate-card-header button{width:52px;height:66px;display:grid;place-items:center;border:0;border-left:1px solid var(--ink);background:transparent}.certificate-card-header button:hover{background:rgba(217,255,82,.18)}.certificate-preview{min-height:0}.certificate-card iframe{width:100%;min-height:0;height:100%;border:0;background:#fff}.contact{padding:clamp(75px,11vw,170px) clamp(20px,6vw,100px) 30px;background:var(--orange)}.contact,.contact .section-label{color:var(--ink)}.contact h2{max-width:900px}.contact>a{display:inline-flex;align-items:center;gap:15px;padding-bottom:7px;border-bottom:2px solid var(--ink);font-size:clamp(19px,2.6vw,38px);font-weight:800;letter-spacing:-.04em}footer{margin-top:110px;font-size:10px;font-weight:800;letter-spacing:.09em}.scroll-top{position:fixed;right:22px;bottom:22px;z-index:20;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--lime);box-shadow:7px 8px 0 rgba(24,26,31,.22);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.pdf-modal{position:fixed;inset:0;z-index:30;padding:5vh 7vw;display:grid;place-items:center;background:rgba(24,26,31,.9)}.pdf-modal iframe{width:100%;height:100%;border:0;background:#fff}.pdf-modal-actions{position:absolute;top:18px;right:22px;display:flex;gap:10px}.pdf-modal-actions a,.pdf-modal-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;color:#fff;background:transparent}.pdf-modal-actions a:hover,.pdf-modal-actions button:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}@media (max-width:1020px){.certificate-grid{grid-template-columns:1fr}.certificate-card{grid-template-rows:auto minmax(520px,68vh)}}@media (max-width:760px){.site-header{min-height:62px}.menu-toggle{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:62px;left:0;right:0;padding:18px 20px 24px;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid var(--line);background:var(--paper)}.nav-links.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:55px 20px 104px}.hero h1{font-size:clamp(42px,14vw,64px);line-height:.86}.hero h1.hero-title-tr{font-size:clamp(34px,10.8vw,56px);letter-spacing:-.09em}.hero h1.hero-title-tr .title-second-line{transform:translateY(.05em)}.hero-portrait{width:min(86vw,360px);grid-row:1;margin:28px auto 0}.hero-copy{grid-row:2}.scroll-prompt{bottom:auto;top:min(88vw,365px);left:calc(7vw + 20px);color:#fff}.about-grid,.project-feature{grid-template-columns:1fr}.section{padding:74px 20px}.project-tabs{flex-wrap:wrap;gap:12px 16px;margin-top:38px}.browser-gallery,.phone-gallery{min-height:330px}.browser-gallery .main-shot{left:7%;bottom:20px}.phone-gallery figure{width:110px;height:239px;padding:1px;border-radius:23px;box-shadow:0 14px 25px rgba(0,0,0,.24),inset 0 0 0 1px hsla(0,0%,100%,.08)}.phone-screen{border-radius:21px}.phone-speaker{top:5px;width:6px;height:6px;box-shadow:inset 0 0 0 1px #102330}.phone-gallery figure:before{top:56px;height:22px;box-shadow:0 28px 0 #454950}.phone-gallery figure:after{top:67px;height:35px}.phone-1{left:7px;top:52px}.phone-2{left:23%;top:0}.phone-3{left:44%;top:46px}.phone-4{right:16px;top:18px}.timeline article{grid-template-columns:1fr;gap:12px}.skills ul{grid-template-columns:repeat(2,1fr)}.certificate-grid{gap:30px}.certificate-card{grid-template-rows:auto minmax(430px,62vh);box-shadow:7px 8px 0 var(--orange)}.certificate-card:nth-child(4n+2),.certificate-card:nth-child(4n+3){box-shadow:7px 8px 0 var(--lime)}.certificate-card-header{grid-template-columns:42px 1fr 44px;min-height:58px}.certificate-card-header strong{padding:0 12px;font-size:11px}.certificate-card-header button{width:44px;height:58px}.contact{padding-left:20px;padding-right:20px}footer{margin-top:70px}.pdf-modal{padding:70px 12px 12px}.scroll-top{right:15px;bottom:15px}}.projects{overflow:hidden}.project-highlights{display:grid;gap:9px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.project-highlights li{position:relative;padding-left:18px;color:#50535a;font-size:12px;line-height:1.5}.project-highlights li:before{content:"";position:absolute;top:.52em;left:0;width:7px;height:7px;background:var(--orange)}.project-links button{border-radius:0}.project-tabs{min-width:0;contain:inline-size}.virtual-tours{background:#ded7cc}.virtual-tours h2{max-width:720px;margin:26px 0 0;font-size:clamp(35px,4.6vw,76px);line-height:.96;letter-spacing:-.065em}.virtual-tours-heading>p{max-width:500px;margin:0;color:#50535a;font-size:14px;line-height:1.7}.tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,4vw,60px);margin-top:55px}.tour-card{min-width:0;overflow:hidden;border:1px solid var(--ink);background:#fff;box-shadow:12px 14px 0 var(--orange)}.tour-card:nth-child(3n+2){box-shadow:12px 14px 0 var(--lime)}.tour-card-header{min-height:58px;display:grid;grid-template-columns:54px 1fr;align-items:center;border-bottom:1px solid var(--ink);background:var(--paper)}.tour-card-header span{height:100%;display:grid;place-items:center;border-right:1px solid var(--ink);color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.08em}.tour-card-header strong{padding:0 17px;font-size:11px;letter-spacing:.08em}.tour-card iframe{display:block;width:100%;height:clamp(260px,31vw,440px);border:0;background:#d8d1c6}@media (max-width:760px){.tour-grid,.virtual-tours-heading{grid-template-columns:1fr}.tour-grid{margin-top:42px}.tour-card{box-shadow:7px 8px 0 var(--orange)}.tour-card:nth-child(3n+2){box-shadow:7px 8px 0 var(--lime)}.tour-card iframe{height:280px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.phone-2 img{top:-15px!important;height:calc(100% + 15px)!important}@media (max-width:760px){.phone-2 img{top:-10px!important;height:calc(100% + 10px)!important}}main{display:flex;flex-direction:column}.site-header{order:0}.hero{order:1}.about{order:2}.projects{order:3}.profile{order:4}.skills{order:5}.certificates{order:6}.virtual-tours{order:7}.contact{order:8}.projects{background:var(--paper);color:var(--ink)}.projects .section-heading span,.projects .section-label{color:var(--muted)}.project-tabs{gap:0;margin:46px 0 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.project-tabs button{flex:1 1 150px;min-height:62px;padding:0 16px;border-right:1px solid var(--ink);border-bottom:0;color:var(--ink);text-align:left}.project-tabs button:first-child{border-left:1px solid var(--ink)}.project-tabs button.active,.project-tabs button:hover{color:var(--ink);background:var(--lime)}.project-tabs button.active{box-shadow:inset 0 -3px 0 var(--orange)}.project-feature{grid-template-columns:minmax(240px,.62fr) minmax(400px,1.38fr);gap:clamp(36px,7vw,120px);padding-top:clamp(38px,5vw,72px);align-items:start}.project-meta{padding-top:6px}.project-meta p{color:var(--orange)}.project-meta>span{color:#50535a}.project-meta small{color:var(--ink)}.button-light{border:1px solid var(--ink)}.projects .button-outline{border-color:var(--ink);color:var(--ink)}.projects .button-outline:hover{border-color:var(--ink);color:var(--paper);background:var(--ink)}.browser-gallery{min-height:400px;border:1px solid var(--ink);background:#e7e1d8}.browser-gallery figure,.phone-gallery figure{box-shadow:none}.browser-gallery figure{border:0}.browser-gallery .main-shot{inset:0}.browser-gallery .detail-shot{width:36%;bottom:22px;left:22px;border:1px solid var(--ink)}.phone-gallery{min-height:440px;border:1px solid var(--ink);background:radial-gradient(circle at 50% 42%,#f4f0e9 0,#e7e1d8 58%,#d4ccc0 100%)}.phone-gallery figure{box-shadow:0 20px 36px rgba(24,26,31,.22),inset 0 0 0 1px hsla(0,0%,100%,.1)}@media (max-width:760px){.project-tabs{margin-top:36px}.project-tabs button{flex-basis:calc(50% + 1px);min-height:54px;padding:0 12px}.project-feature{padding-top:36px}.browser-gallery,.phone-gallery{min-height:330px}.browser-gallery .detail-shot{bottom:14px;left:14px}.phone-gallery figure{box-shadow:0 14px 25px rgba(24,26,31,.2),inset 0 0 0 1px hsla(0,0%,100%,.08)}.project-feature{grid-template-columns:1fr}.phone-gallery{width:100%;margin-top:10px}}