@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Caveat:wght@500;600&display=swap";.section-container{width:1300px}.title,.para{font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width: 1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width: 1400px){.section-container{width:900px}}@media only screen and (max-width: 900px){.section-container{width:500px;max-width:var(--cWidth)}}.notebook-gate{--g-paper: #fffdf8;--g-paper-2: #f6f3ec;--g-ink: #14100c;--g-ink-2: #3a352f;--g-ink-dim: #7a7263;--g-line: #e7e4de;--g-accent: #b3541e;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#f2ede4;overflow:hidden;cursor:default}.notebook-gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#d3ccbc 1px,transparent 1px);background-size:24px 24px;opacity:.55;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,#000 30%,transparent 100%);pointer-events:none}.notebook-gate-glow{position:absolute;top:-30%;left:-20%;width:95%;height:105%;border-radius:50%;background:radial-gradient(circle,rgba(217,141,60,.2),transparent 62%);filter:blur(70px);pointer-events:none}.notebook-gate-stack{position:relative;width:100%;max-width:700px}.notebook-gate-sheet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:var(--g-paper);border:1px solid var(--g-line);box-shadow:0 10px 30px #14100c12}.notebook-gate-sheet-2{transform:rotate(1.4deg) translateY(5px)}.notebook-gate-sheet-3{transform:rotate(-2deg) translateY(10px);opacity:.7}.notebook-gate-card{position:relative;border-radius:12px;border:1px solid var(--g-line);background:linear-gradient(158deg,var(--g-paper) 0%,var(--g-paper) 55%,var(--g-paper-2) 100%);box-shadow:0 1px #fffc inset,0 26px 70px #14100c29,0 3px 10px #14100c0f;overflow:hidden;animation:gate-card-in .7s cubic-bezier(.16,.84,.3,1) both}.notebook-gate-tape{position:absolute;top:-13px;left:50%;width:132px;height:27px;transform:translate(-50%) rotate(-1.6deg);background:linear-gradient(100deg,#e8c07a80,#e8c07a52 45%,#e8c07a80);border-left:1px dashed rgba(122,114,99,.28);border-right:1px dashed rgba(122,114,99,.28);box-shadow:0 1px 3px #14100c14;pointer-events:none}.notebook-gate-margin{position:absolute;top:0;bottom:0;left:62px;width:1px;background:#b3541e38;pointer-events:none}.notebook-gate-holes{position:absolute;top:0;bottom:0;left:26px;display:flex;flex-direction:column;justify-content:center;gap:74px;pointer-events:none}.notebook-gate-holes i{width:13px;height:13px;border-radius:50%;background:#ece7dd;box-shadow:inset 0 1px 2px #14100c38}.notebook-gate-body{position:relative;padding:54px 50px 46px 88px}.notebook-gate-eyebrow{font-family:Caveat,Geist,cursive;font-size:23px;font-weight:500;line-height:1.2;color:var(--g-accent);margin:0 0 6px;animation:gate-rise .6s ease-out .12s both}.notebook-gate-title{font-family:Geist,sans-serif;font-size:clamp(34px,5.4vw,50px);font-weight:600;letter-spacing:-1.4px;line-height:1.06;color:var(--g-ink);margin:0 0 22px;animation:gate-rise .6s ease-out .18s both}.notebook-gate-mark{position:relative;white-space:nowrap;color:var(--g-accent)}.notebook-gate-underline{position:absolute;left:-2px;right:-6px;bottom:-.24em;width:calc(100% + 8px);height:.3em;overflow:visible;color:var(--g-accent)}.notebook-gate-underline path{stroke-dasharray:260;stroke-dashoffset:260;animation:gate-draw .85s ease-out .55s both}.notebook-gate-byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;animation:gate-rise .6s ease-out .24s both}.notebook-gate-name{font-family:Geist,sans-serif;font-size:16px;font-weight:600;letter-spacing:.4px;color:var(--g-ink)}.notebook-gate-dot{width:4px;height:4px;border-radius:50%;background:var(--g-ink-dim);opacity:.6}.notebook-gate-role{font-family:Geist,sans-serif;font-size:15px;font-weight:500;color:var(--g-accent)}.notebook-gate-sub{font-size:16.5px;line-height:1.62;color:var(--g-ink-2);margin:0 0 26px;max-width:44ch;animation:gate-rise .6s ease-out .3s both}.notebook-gate-contents{display:flex;align-items:baseline;gap:12px;padding:14px 0 22px;border-top:1px solid var(--g-line);animation:gate-rise .6s ease-out .36s both}.notebook-gate-contents-label{font-family:Caveat,Geist,cursive;font-size:19px;color:var(--g-ink-dim);flex-shrink:0}.notebook-gate-contents ul{display:flex;flex-wrap:wrap;gap:6px 7px;margin:0;padding:0;list-style:none}.notebook-gate-contents li{font-size:12px;font-weight:500;color:var(--g-ink-2);padding:4px 9px;border:1px solid var(--g-line);border-radius:999px;background:#ffffffb3;white-space:nowrap}.notebook-gate-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;animation:gate-rise .6s ease-out .42s both}.notebook-gate-primary{display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:16.5px;font-weight:600;padding:14px 28px;border-radius:999px;border:none;background:var(--g-ink);color:var(--g-paper);cursor:pointer;box-shadow:0 10px 22px #14100c38;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.notebook-gate-primary svg{width:19px;height:19px;flex-shrink:0;transition:transform .22s ease}.notebook-gate-primary:hover{background:var(--g-ink-2);transform:translateY(-2px);box-shadow:0 16px 30px #14100c42}.notebook-gate-primary:hover svg{transform:rotate(-14deg) translateY(-1px)}.notebook-gate-secondary{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:14.5px;font-weight:500;padding:8px 2px;border:none;background:none;color:var(--g-ink-2);cursor:pointer;transition:color .2s ease}.notebook-gate-secondary span{transition:transform .2s ease}.notebook-gate-secondary:hover{color:var(--g-accent);text-decoration:underline;text-underline-offset:3px}.notebook-gate-secondary:hover span{transform:translate(4px)}@keyframes gate-card-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gate-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.notebook-gate-card,.notebook-gate-eyebrow,.notebook-gate-title,.notebook-gate-byline,.notebook-gate-sub,.notebook-gate-contents,.notebook-gate-actions,.notebook-gate-underline path{animation:none!important}.notebook-gate-underline path{stroke-dashoffset:0}}@media (max-width: 640px){.notebook-gate{padding:20px 14px}.notebook-gate-body{padding:42px 24px 34px}.notebook-gate-margin,.notebook-gate-holes,.notebook-gate-sheet-3{display:none}.notebook-gate-eyebrow{font-size:20px}.notebook-gate-sub{font-size:15.5px;margin-bottom:22px}.notebook-gate-contents{flex-direction:column;gap:8px}.notebook-gate-actions{gap:8px 16px}.notebook-gate-primary,.notebook-gate-secondary{width:100%;justify-content:center}}:root{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.5;scroll-behavior:smooth;color-scheme:light;--bg-color: #ffffff;--second-bg-color: #f7f7f7;--text-color: #333333;--main-color: #D95D00;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;--accentColor: var(--main-color);--backgroundColor: var(--bg-color);--vh: 100vh;--vh: 100svh}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:inherit}a:hover{color:var(--accentColor)}main{opacity:1;transition:.3s}.main-active{opacity:0;animation:fadeIn 1s 1;animation-fill-mode:forwards}@keyframes fadeIn{to{opacity:1}}body{margin:0;height:auto;background-color:var(--bg-color);flex-grow:1;--cWidth: calc(100% - 30px) ;--cMaxWidth: 1920px;max-width:100vw;overflow-x:hidden}.main-body{max-width:100vw;overflow-x:hidden}.main-body.portfolio-behind{visibility:hidden;pointer-events:none}.container-main{width:100%;margin:auto;position:relative}.container1{width:var(--cWidth);height:var(--vh);margin:auto;position:relative}.split-line{overflow:hidden}.split-h2{overflow:hidden;display:flex;white-space:nowrap;flex-wrap:nowrap}@media screen and (min-width: 768px){body{--cWidth: 94%}}