:root{--white: #ffffff;--bg: #fafaf8;--bg-warm: #f5f3ef;--text: #1a1a1a;--text-mid: #4a4a4a;--text-light: #8a8a8a;--text-faint: #b5b5b5;--orange: #e8850c;--orange-light: #f5a623;--orange-bg: rgba(232, 133, 12, .06);--orange-border: rgba(232, 133, 12, .15);--border: #e8e6e1;--border-light: #f0eeea;--radius: 12px;--nav-h: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px)}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text-mid);line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;right:0;left:0;height:var(--nav-h);z-index:100;background:#fafaf8d9;border-bottom:1px solid transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .3s}.nav.scrolled{border-color:var(--border)}.nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:36px}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-light);transition:color .2s}.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:999px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.btn-fill{background:var(--orange);color:#fff}.btn-fill:hover{background:#d47a0a}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:20px;height:1.5px;background:var(--text);border-radius:1px;transition:all .3s;margin:5px 0}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)}.mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;z-index:99;background:#fafaf8f7;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:16px 24px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:14px 0;font-size:1rem;font-weight:500;color:var(--text-mid);border-bottom:1px solid var(--border-light)}.mobile-menu a:last-child{border-bottom:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-h)}@media(min-width:769px){.hero{min-height:calc(100vh - var(--nav-h))}}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;width:100%}.hero-text{max-width:520px}.hero-label,.label{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);padding:6px 14px;background:var(--orange-bg);border:1px solid var(--orange-border);border-radius:20px}.hero-label{margin-bottom:20px}h1,h2,h3{font-family:Playfair Display,serif;color:var(--text);letter-spacing:-.02em}.hero h1{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:500;line-height:1.15;margin-bottom:20px}.hero h1 em{font-style:italic;color:var(--orange)}.hero p,.section-head>p,.about-text p,.svc p,.proj .desc,.note-card p,.cta-block p,.footer-brand p,.page-intro p,.prose p,.prose li,.prose blockquote{color:var(--text-light)}.hero p{font-size:1.05rem;line-height:1.75;margin-bottom:32px;max-width:440px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-buttons-center{justify-content:center}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-visual img{width:340px;height:auto}.section,.page-intro{padding:100px 0}.section-alt{background:var(--white)}.section-head{margin-bottom:56px}.section-head.center{text-align:center}.section-head .label{margin-bottom:12px}.section-head h2,.page-intro h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:500;line-height:1.2}.section-head>p{margin-top:12px;font-size:1rem;max-width:540px}.section-head.center>p{margin-left:auto;margin-right:auto}.page-intro{padding-top:calc(var(--nav-h) + 72px);padding-bottom:48px}.page-intro .section-head{margin-bottom:0;max-width:760px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.about-grid-simple{grid-template-columns:1fr;gap:0;align-items:stretch}.about-grid-simple .about-text{max-width:760px}.about-text p{margin-bottom:14px;line-height:1.8}.about-text h3{font-family:DM Sans,system-ui,sans-serif;font-size:1.04rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:28px 0 14px}.about-panel{padding:32px;background:var(--white);border:1px solid var(--border);border-radius:18px}.about-panel h3{font-size:1.1rem;font-weight:600;margin-bottom:14px}.about-list{list-style:none}.about-list li{position:relative;padding-left:18px;margin-bottom:12px;color:var(--text-light)}.about-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.values{display:grid;grid-template-columns:1fr 1fr;gap:16px}.value-card{padding:28px 24px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .25s}.value-card:hover{border-color:var(--orange-border)}.value-card .num{font-size:2rem;font-weight:700;color:var(--orange);line-height:1;margin-bottom:6px}.value-card .lbl{font-size:.82rem;color:var(--text-light);font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.svc{padding:36px 28px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:all .25s}.svc:hover,.proj:hover,.note-card:hover{border-color:var(--orange-border)}.svc-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--orange-bg);border-radius:10px;margin-bottom:20px}.svc-icon svg{width:22px;height:22px;stroke:var(--orange);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svc h3,.note-card h3,.note-title{font-size:1.05rem;font-weight:600;margin-bottom:10px}.proj h3{font-family:DM Sans,system-ui,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.svc p,.proj .desc,.note-card p{font-size:.9rem;line-height:1.7}.portfolio-grid,.notes-grid{display:grid;gap:20px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid-wide,.notes-grid{grid-template-columns:repeat(3,1fr)}.notes-grid-wide{grid-template-columns:repeat(2,1fr)}.proj,.note-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s}.proj-banner{height:80px;display:flex;align-items:center;justify-content:center;position:relative;padding:14px 20px;background:var(--white);border-bottom:1px solid var(--border-light)}.proj-initials{font-size:2.4rem;font-weight:700;opacity:.12;position:absolute}.proj-logo-circle{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.15rem;color:#fff;position:relative;z-index:1}.proj-logo-image{max-width:150px;max-height:42px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.proj-body,.note-card{padding:24px}.proj .desc{margin-bottom:14px}.proj-tags,.note-meta,.article-top-meta{display:flex;flex-wrap:wrap;gap:6px}.proj-tags{margin-bottom:16px}.proj-tags span,.note-meta span,.article-top-meta span{font-size:.72rem;font-weight:500;padding:3px 10px;border-radius:16px;background:var(--bg-warm);color:var(--text-light)}.proj-link{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;color:var(--orange)}.proj-link-muted{color:var(--text-faint)}.note-card h3,.note-title{font-family:IBM Plex Sans,DM Sans,system-ui,sans-serif;font-size:1.12rem;font-weight:600;letter-spacing:-.03em;line-height:1.35}.note-card p{margin:12px 0 16px}.note-meta,.article-top-meta{margin-bottom:14px}.notes-cta{margin-top:28px;text-align:center}.cta-block{text-align:center;padding:80px 48px;background:var(--white);border:1px solid var(--border);border-radius:20px;max-width:760px;margin:0 auto}.cta-block h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;margin-bottom:12px}.cta-block p{max-width:520px;margin:0 auto 28px}.footer{padding:56px 0 0;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-brand img{height:39px;margin-bottom:16px}.footer-brand p{font-size:.88rem;line-height:1.7;max-width:280px}.footer-support{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:9px 14px;border:1px solid var(--border);border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text-mid);background:var(--bg);transition:all .2s}.footer-support:hover{border-color:var(--orange);color:var(--orange);background:var(--white)}.footer h4{font-size:.78rem;font-weight:600;color:var(--text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}.footer-links a{display:block;padding:5px 0;font-size:.88rem;color:var(--text-light);transition:color .2s}.footer-links a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--border);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-faint)}.article-head{max-width:760px}.back-link{display:inline-flex;margin-bottom:20px;font-size:.9rem;font-weight:500;color:var(--text-light)}.back-link:hover{color:var(--text)}.article-wrap{max-width:760px}.contact-wrap{max-width:980px}.contact-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.contact-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:32px}.contact-card h2{font-family:IBM Plex Sans,DM Sans,system-ui,sans-serif;font-size:1.28rem;font-weight:600;letter-spacing:-.03em;margin-bottom:14px}.contact-card p{color:var(--text-light)}.contact-card p+p{margin-top:14px}.contact-card a{color:var(--orange)}.contact-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{font-size:.9rem;font-weight:600;color:var(--text)}.field input,.field textarea{width:100%;padding:13px 15px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:16px}.field textarea{min-height:180px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-note{font-size:.88rem;color:var(--text-light)}.legal-wrap{max-width:860px}.legal-updated{margin-top:18px;font-size:.9rem;color:var(--text-light)}.legal-head h1,.prose h2,.prose h3{font-family:IBM Plex Sans,DM Sans,system-ui,sans-serif;letter-spacing:-.035em}.legal-head h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:600}.prose{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:40px}.prose>*+*{margin-top:16px}.prose h2{font-size:1.3rem;font-weight:600;margin-top:28px}.prose h3{font-size:1.05rem;font-weight:600;margin-top:22px}.prose ul,.prose ol{padding-left:20px}.prose blockquote{padding-left:16px;border-left:3px solid var(--orange)}.prose a{color:var(--orange)}.prose strong{color:var(--text)}.prose hr{border:none;border-top:1px solid var(--border);margin:28px 0}.not-found-page{min-height:calc(100vh - var(--nav-h));display:flex;align-items:center}.not-found-wrap{max-width:980px;margin:0 auto}.not-found-panel{text-align:center;padding:72px 24px}.not-found-code{display:inline-block;margin-bottom:22px;font-family:IBM Plex Sans,DM Sans,system-ui,sans-serif;font-size:clamp(5rem,14vw,9rem);font-weight:700;letter-spacing:-.06em;line-height:.95;color:var(--orange)}.not-found-panel h1{font-size:clamp(2rem,5vw,4rem);line-height:1.04;margin-bottom:18px}.not-found-panel p{max-width:640px;margin:0 auto 8px;font-size:1.02rem;color:var(--text-light)}.not-found-actions{margin-top:34px}[data-r]{opacity:1;transform:none}@media(max-width:900px){.services-grid,.notes-grid{grid-template-columns:1fr 1fr}.portfolio-grid-wide{grid-template-columns:repeat(2,1fr)}.notes-grid-wide{grid-template-columns:1fr}}@media(max-width:768px){.nav-links,.nav-cta{display:none}.hamburger{display:block}.hero-inner,.about-grid,.contact-grid,.not-found-links,.services-grid,.portfolio-grid,.portfolio-grid-wide,.notes-grid,.footer-grid{grid-template-columns:1fr}.hero-inner{gap:40px;text-align:center}.hero-text,.hero p,.article-head,.article-wrap,.page-intro .section-head{max-width:100%}.hero-buttons{justify-content:center}.hero-visual img{width:200px}.about-grid{gap:40px}.footer-bottom{flex-direction:column;gap:6px;text-align:center}.section,.page-intro{padding:72px 0}.page-intro{padding-top:calc(var(--nav-h) + 56px)}.cta-block,.prose{padding:32px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}