:root{--paper:#f6f3ee;--ink:#393b37;--muted:#74776d;--line:#d7d6cc;--accent:#8c604b;--serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:2;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,h4,p{margin:0}button{font:inherit}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;padding:8px 20px}.skip:focus{top:16px}.header{max-width:1440px;margin:auto;padding:45px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:.015em;line-height:1.1}.brand>span{display:block;padding-left:35px}.brand-dot{color:var(--accent)}.header nav{display:flex;align-items:center;gap:32px;font-family:Georgia,var(--serif);font-size:15px;letter-spacing:.02em}.header nav a{border-bottom:1px solid transparent;transition:border-color .2s}.header nav a:hover{border-color:var(--ink)}.header .nav-contact{margin-left:14px;border-bottom:1px solid var(--line);padding:8px 0}.nav-contact span{margin-left:25px}.hero{position:relative;max-width:1440px;margin:auto;padding:52px 7% 85px;overflow:hidden}.hero-lines{position:absolute;right:-20%;top:75px;width:70%;height:550px;border:1px solid #fff;border-radius:50%;transform:rotate(-22deg);pointer-events:none}.hero-lines:after{content:"";position:absolute;left:-130%;top:280px;width:100%;height:450px;border:1px solid #fff;border-radius:50%}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:500;line-height:1.7}.hero-top{position:relative;display:grid;grid-template-columns:1fr 1.7fr;gap:50px;align-items:start}.hero-top>.eyebrow{padding-top:18px;color:var(--muted)}.hero h1{font:400 clamp(30px,3.8vw,52px)/1.8 var(--serif);letter-spacing:.045em;white-space:nowrap}.hero-copy>p{margin-top:24px;color:var(--muted);font-size:13px;line-height:2.2;letter-spacing:.025em}.hero-bottom{position:relative;display:grid;grid-template-columns:1.24fr 1fr .36fr;gap:44px;align-items:end;margin-top:64px}.hero-work{display:block;background:#fff;box-shadow:0 12px 35px #4b45300b;transition:transform .35s}.hero-work:hover{transform:translateY(-5px)}.hero-work-one{max-width:470px}.hero-work-two{margin-bottom:35px;max-width:340px}.browser-bar{display:flex;gap:5px;padding:9px 12px;border-bottom:1px solid #e6e6df}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#c9c9be}.hero-work img{aspect-ratio:1.55;object-fit:cover;object-position:top}.caption{display:block;font-size:8px;color:var(--muted);letter-spacing:.12em;padding:10px 12px}.scroll-link{font-size:8px;letter-spacing:.18em;display:flex;align-items:center;gap:28px;writing-mode:vertical-rl;justify-self:end;padding-bottom:12px}.scroll-link span:last-child{font-size:25px;writing-mode:horizontal-tb}.section{max-width:1240px;margin:auto;padding:115px 5%}.section-label{display:flex;align-items:baseline;gap:24px;margin-bottom:55px}.section-label>span{font:italic 13px Georgia;color:var(--accent)}.section-label h2{font:400 clamp(31px,4vw,47px)/1.2 Georgia,serif;letter-spacing:-.025em}.section-label>p{font-size:11px;color:var(--muted);margin-left:auto}.service{border-top:1px solid var(--line)}.service-body{max-width:890px;margin-left:auto}.section-lead{font:400 27px/1.9 var(--serif);letter-spacing:.04em;margin-bottom:52px}.service-row{display:grid;grid-template-columns:200px 1fr;gap:65px;padding:38px 0 42px;border-top:1px solid var(--line);align-items:center}.service-row h3{font:400 23px/1.6 var(--serif);margin:8px 0 18px}.service-row p{max-width:560px;color:#5c6058;font-size:13px}.service-row .service-note{margin-top:17px;color:var(--muted);font-size:10px;letter-spacing:.03em}.service-visual{height:170px;display:grid;place-items:center;background:#edece4;border-radius:49% 51% 45% 55%/55% 38% 62% 45%}.website-drawing{width:150px;background:var(--paper);border:1px solid #8b8f7c;padding:10px;transform:rotate(-5deg)}.drawing-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b8baac;padding-bottom:5px}.drawing-header span{width:30px;height:3px;background:#969d89}.drawing-header b{font-size:9px;line-height:1}.drawing-main{display:flex;gap:10px;padding:10px 0}.drawing-main>i{width:56px;height:40px;background:#c2c8b7}.drawing-main>div{padding-top:8px;flex:1}.drawing-main b{display:block;height:2px;background:#b2b6a5;margin-bottom:7px}.drawing-columns{display:flex;gap:8px}.drawing-columns i{width:35px;height:25px;background:#d1d3c8}.shop-visual{background:#ebe3da;border-radius:53% 47% 58% 42%/50% 45% 55% 50%}.shop-drawing{width:150px;border:1px solid #9d8873;background:var(--paper);padding:12px;transform:rotate(4deg)}.shop-title{display:block;font:italic 14px Georgia;text-align:center;padding-bottom:14px}.shop-products,.shop-labels{display:flex;gap:8px}.shop-products i{height:45px;width:34px;background:#c2ac93;border-radius:15px 15px 3px 3px}.shop-products i:nth-child(2){background:#dbd1c0;border-radius:3px}.shop-products i:nth-child(3){background:#ad9c89;border-radius:25%}.shop-labels{margin-top:8px}.shop-labels b{height:2px;width:34px;background:#ab9f8e}.price-note{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:11px}.price-note span{font-size:9px;letter-spacing:.16em;margin-right:25px}.about{padding-top:65px;padding-bottom:120px}.about-body{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.about-body h3{font:400 35px/1.9 var(--serif);letter-spacing:.03em;padding-top:20px}.about-body p{font-size:13px;margin-bottom:25px;color:#5b6058}.base-section{background:#eaece4;padding:85px 7%}.base-inner{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.base-copy h2{font:400 28px/1.9 var(--serif);margin:18px 0 22px}.base-copy p{font-size:12px;color:#5c6058;margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;min-height:58px;font-size:12px;line-height:1.7;border:1px solid transparent;transition:background .2s,color .2s}.button-dark{background:#454f44;color:#fff}.button-dark:hover{background:#2b372b}.button span{font-size:18px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px;transition:color .2s}.text-link:hover{color:var(--accent)}.base-copy>.text-link{display:flex;max-width:230px;margin-top:18px}.base-image{padding:10px;background:var(--paper);transform:rotate(3deg);box-shadow:15px 25px 45px #51593a0c}.base-image .caption{font-size:8px;padding:12px 2px 3px}.design-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center;margin-bottom:45px}.design-intro h3{font:400 30px/1.9 var(--serif)}.design-intro p{font-size:12px;color:var(--muted)}.design-intro small{display:block;font-size:10px;margin-top:12px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 27px}.design-photo{overflow:hidden;background:#eee}.design-photo img{aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .45s}.design-card:hover img{transform:scale(1.02)}.design-card-head{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.design-card h4{font:400 19px/1.5 Georgia,var(--serif)}.design-card-head>span{font-size:20px}.design-card p{font-size:10px;color:var(--muted);margin-top:3px}.design-card p>span{display:block;font-size:8px;letter-spacing:.07em;margin-top:4px}.design-more{text-align:right;margin-top:42px}.flow{padding-top:60px;border-top:1px solid var(--line)}.flow-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.flow-list article{padding-top:20px;border-top:1px solid var(--line)}.flow-list article>span{font-size:9px;letter-spacing:.1em;color:var(--accent)}.flow-list h3{font:400 17px/1.6 var(--serif);margin:20px 0 14px}.flow-list p{font-size:11px;color:var(--muted)}.faq{padding-top:25px;padding-bottom:105px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq>.section-label{display:block;margin:0}.faq .section-label>span{display:block;margin-bottom:15px}.faq .section-label>p{margin-top:15px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:19px;flex-shrink:0;color:var(--accent)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;color:var(--muted);padding:0 28px 23px 0}.contact{position:relative;background:#414b42;color:#faf9f4;padding:85px 9%;overflow:hidden}.contact-inner{position:relative;z-index:1;max-width:1040px;margin:auto}.contact .eyebrow{color:#cbd1c4}.contact h2{font:400 35px/1.8 var(--serif);margin:20px 0}.contact p{font-size:12px;color:#e1e4dc}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:35px}.button-light{background:var(--paper);color:#414b42}.button-light:hover{background:#fff}.contact .text-link{color:#fff;border-color:#84907f}.contact-decoration{position:absolute;right:5%;bottom:0;font:italic clamp(140px,20vw,260px)/1 Georgia;color:#ffffff08;pointer-events:none}.footer{position:relative;max-width:1440px;margin:auto;padding:50px 7%;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-brand{font:400 23px Georgia}.footer-brand span{color:var(--accent)}.footer-nav{display:flex;flex-wrap:wrap;gap:22px;font-size:10px;color:var(--muted)}.footer>p{font-size:8px;letter-spacing:.05em;color:var(--muted)}.back-top{justify-self:end;font-size:23px}
@media(min-width:1600px){.hero h1{font-size:52px}}
@media(max-width:1000px){.header{padding:32px 5%}.header nav{gap:23px}.hero{padding:45px 5% 75px}.hero-top{grid-template-columns:.7fr 1.8fr;gap:25px}.hero h1{font-size:37px}.hero-bottom{gap:30px}.service-row{gap:35px;grid-template-columns:160px 1fr}.service-visual{height:150px}.about-body,.design-intro{gap:45px}.base-inner{gap:40px}.base-copy h2{font-size:25px}.design-grid{gap:35px 20px}.faq{gap:35px}.footer-nav{gap:15px}}
@media(max-width:760px){html{scroll-padding-top:24px}.header{padding:27px 6%;align-items:flex-start}.brand{font-size:23px}.brand>span{padding-left:24px}.header nav{gap:10px 18px;flex-wrap:wrap;justify-content:flex-end;max-width:235px;font-size:12px}.header .nav-contact{margin-left:0;padding:0;border:0}.nav-contact span{margin-left:5px}.hero{padding:32px 6% 60px}.hero-top{display:block}.hero-top>.eyebrow{padding:0;margin-bottom:28px;font-size:8px}.hero h1{font-size:clamp(24px,5.2vw,37px);white-space:normal;letter-spacing:.01em}.hero-copy>p{font-size:12px;margin-top:22px}.hero-lines{top:100px;right:-70%;width:120%;height:420px}.hero-bottom{grid-template-columns:1.2fr 1fr;gap:17px;margin-top:40px;align-items:start;padding-bottom:45px}.hero-work-two{margin-top:40px;margin-bottom:0}.hero-work .caption{font-size:6px;padding:7px}.browser-bar{padding:6px 9px}.scroll-link{position:absolute;right:0;bottom:0;writing-mode:horizontal-tb;gap:14px;font-size:7px}.section{padding:65px 6%}.section-label{gap:16px;margin-bottom:35px;flex-wrap:wrap}.section-label h2{font-size:35px}.section-label>p{font-size:9px}.section-lead{font-size:23px;margin-bottom:30px}.service-row{grid-template-columns:100px 1fr;gap:25px;padding:30px 0}.service-visual{height:105px}.website-drawing,.shop-drawing{width:95px;padding:7px}.drawing-main>i{width:30px;height:30px}.drawing-main{gap:6px;padding:7px 0}.drawing-main b{margin-bottom:5px}.drawing-columns{gap:5px}.drawing-columns i{height:17px}.shop-title{font-size:11px;padding-bottom:8px}.shop-products,.shop-labels{gap:5px}.shop-products i{height:28px}.service-row h3{font-size:20px;margin-bottom:12px}.service-row p{font-size:12px}.service-note{line-height:1.8}.price-note{font-size:10px;line-height:2}.price-note span{display:block;margin:0 0 7px}.about{padding-top:30px}.about-body{display:block}.about-body h3{font-size:29px;padding:0;margin-bottom:30px}.about-body p{font-size:12px}.base-section{padding:55px 6%}.base-inner{display:flex;flex-direction:column;gap:35px}.base-copy h2{font-size:24px}.base-copy .button{font-size:11px;gap:18px;padding:15px 18px}.base-image{max-width:350px;align-self:center;transform:rotate(2deg)}.design-intro{display:block;margin-bottom:30px}.design-intro h3{font-size:25px;margin-bottom:22px}.design-intro p{font-size:11px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.design-card h4{font-size:16px}.design-card p{font-size:9px}.design-card p>span{font-size:7px;letter-spacing:0}.design-card-head>span{font-size:17px}.design-more{margin-top:25px}.flow{padding-top:40px}.flow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.flow-list h3{font-size:15px;margin:13px 0 10px}.flow-list p{font-size:11px}.faq{display:block;padding-top:20px}.faq>.section-label{display:flex;margin-bottom:30px}.faq .section-label>span{margin:0}.faq .section-label>p{margin:0 0 0 auto}.faq-list summary{font-size:11px;padding:20px 0}.contact{padding:55px 6%}.contact h2{font-size:27px}.contact p{font-size:11px}.contact-actions .button{font-size:11px;padding:15px 18px;gap:20px}.contact-decoration{font-size:130px}.footer{display:block;padding:35px 6%}.footer-brand{font-size:21px}.footer-nav{margin:25px 0;gap:10px 20px}.back-top{position:absolute;right:6%;bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.launch-note{display:inline-block;border:1px solid #a8b09f;padding:12px 22px;font-size:11px!important;letter-spacing:.05em;margin-top:8px}.contact .launch-note{border-color:#85917f;color:#e1e4dc}
.brand{flex-shrink:0;white-space:nowrap}
@media(max-width:760px){.header{gap:16px}.header nav{flex:1;min-width:0;gap:10px 16px}.brand{font-size:21px}}
/* White / clean typography */
:root{--paper:#fff;--ink:#252b2e;--muted:#687278;--line:#e2e7e9;--accent:#465c67;--serif:var(--sans)}
.brand,.footer-brand{font-family:var(--sans);font-weight:600;letter-spacing:-.035em}
.header nav{font-family:var(--sans);font-size:12px;letter-spacing:.03em}
.hero h1{font-family:var(--sans);font-weight:500;line-height:1.65;letter-spacing:.005em}
.hero-copy>p{font-size:13px;color:#626d73}
.hero-lines{border-color:#eef1f3}.hero-lines:after{border-color:#eef1f3}
.hero-work{border:1px solid #eef0f1;box-shadow:0 12px 35px #25323c07}
.section-label h2{font-family:var(--sans);font-weight:400;letter-spacing:-.035em}
.section-label>span{font-family:var(--sans);font-style:normal;font-size:10px}
.section-lead,.about-body h3,.design-intro h3,.base-copy h2,.contact h2{font-family:var(--sans);font-weight:500;letter-spacing:.005em}
.service-row h3,.flow-list h3{font-family:var(--sans);font-weight:500}
.service-visual{background:#f0f4f5}.shop-visual{background:#f0f3f4}
.website-drawing{border-color:#8b9da5;background:#fff}.drawing-header{border-color:#c6d2d6}.drawing-header span{background:#8c9da5}.drawing-main>i{background:#c5d3d9}.drawing-main b{background:#a9bdc6}.drawing-columns i{background:#d6e0e5}
.shop-drawing{border-color:#8b9da5;background:#fff}.shop-title{font-family:var(--sans);font-style:normal;font-size:11px}.shop-products i{background:#b3c3cc}.shop-products i:nth-child(2){background:#d6e0e5}.shop-products i:nth-child(3){background:#91a7b3}.shop-labels b{background:#a9bdc6}
.base-section{background:#f5f7f8}.base-image{background:#fff;box-shadow:15px 25px 45px #29343c08}
.design-card h4{font-family:var(--sans);font-weight:500;font-size:17px;letter-spacing:.01em}
.button-dark{background:#34434b}.button-dark:hover{background:#202d35}
.contact{background:#303f47}.contact .eyebrow{color:#ccd6db}.contact p{color:#e0e7eb}.contact .text-link{border-color:#81939c}.contact-decoration{font-family:var(--sans);font-style:normal;font-weight:300;letter-spacing:-.055em}
.launch-note{border-color:#bac7ce}.contact .launch-note{border-color:#7d919c;color:#e0e7eb}
@media(max-width:760px){.design-card h4{font-size:15px}.header nav{font-size:11px}}
.base-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.contact .eyebrow,.contact p{color:var(--muted)}.contact .text-link{color:var(--ink);border-color:var(--line)}.contact .launch-note{color:var(--muted);border-color:var(--line)}.contact-decoration{color:#25323c05}
.button-light{background:#34434b;color:#fff}.button-light:hover{background:#202d35}

/* Bold heading hierarchy */
.hero h1{font-weight:800;font-size:clamp(34px,4.3vw,58px);line-height:1.45;letter-spacing:-.035em}
.section-label h2{font-weight:800;font-size:clamp(36px,4.7vw,58px);line-height:1.08;letter-spacing:-.055em}
.section-lead{font-weight:700;font-size:30px;line-height:1.65;letter-spacing:-.025em}
.about-body h3{font-weight:800;font-size:39px;line-height:1.55;letter-spacing:-.035em}
.base-copy h2,.design-intro h3{font-weight:750;font-size:31px;line-height:1.6;letter-spacing:-.03em}
.service-row h3{font-weight:700;letter-spacing:-.025em}
.flow-list h3{font-weight:700;letter-spacing:-.02em}
.contact h2{font-weight:800;font-size:42px;line-height:1.5;letter-spacing:-.035em}
@media(max-width:1000px) and (min-width:761px){.hero-top{grid-template-columns:.6fr 1.9fr}.hero h1{font-size:44px}.about-body h3{font-size:34px}}
@media(max-width:760px){.hero h1{font-size:clamp(28px,6.7vw,44px);line-height:1.5;letter-spacing:-.04em}.section-label h2{font-size:clamp(32px,7.6vw,45px)}.section-lead{font-size:25px}.about-body h3{font-size:32px}.base-copy h2,.design-intro h3{font-size:26px}.contact h2{font-size:31px}}

.works{padding-bottom:45px}.studio-work{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.studio-work-photo{border:1px solid var(--line);overflow:hidden}.studio-work-photo img{aspect-ratio:1.515;object-fit:cover;object-position:top;transition:transform .35s}.studio-work:hover img{transform:scale(1.015)}.studio-work-copy h3{font-size:30px;font-weight:750;letter-spacing:-.03em;margin:18px 0}.studio-work-copy h3>span{float:right;font-size:22px}.studio-work-copy p{font-size:13px;color:var(--muted);margin-bottom:22px}.studio-work-copy .text-link{min-width:150px}.design{padding-top:65px}
@media(max-width:760px){.studio-work{grid-template-columns:1fr;gap:25px}.studio-work-copy h3{font-size:25px}.studio-work-copy p{font-size:12px}.works{padding-bottom:25px}.design{padding-top:45px}}

/* Pure white with small vivid accents */
:root{--paper:#ffffff;--ink:#20252b;--muted:#626c76;--line:#e4e9ef;--accent:#2855ff}
body,.header,.hero,.section,.base-section,.contact,.footer{background:#ffffff}
.brand-dot,.section-label>span,.flow-list article>span,.faq-list summary>span,.back-top{color:var(--accent)}
.header nav a:hover,.text-link:hover{color:var(--accent);border-color:var(--accent)}
.hero-top>.eyebrow{color:var(--accent);font-weight:700}
.hero-lines{border-color:#e4eaff}.hero-lines:after{border-color:#edf0ff}
.hero-work,.studio-work-photo{border-color:#e2e7ef;box-shadow:none}
.section-label h2{position:relative;z-index:0}
.section-label h2:after{content:"";position:absolute;left:0;bottom:-7px;width:46px;height:5px;background:#ffd83d;border-radius:2px}
.service-visual{background:#eef3ff}.shop-visual{background:#fff8db}
.website-drawing{border-color:#2855ff}.drawing-header span{background:#2855ff}.drawing-main>i{background:#a9c0ff}.drawing-main b{background:#7395fa}.drawing-columns i{background:#dce6ff}
.shop-drawing{border-color:#c7a733}.shop-products i{background:#ffd83d}.shop-products i:nth-child(2){background:#ffc7ba}.shop-products i:nth-child(3){background:#a9c0ff}.shop-labels b{background:#c8b67d}
.button-dark,.button-light{background:#2855ff;color:#fff}.button-dark:hover,.button-light:hover{background:#1944dd}
.base-copy>.eyebrow,.studio-work-copy>.eyebrow{color:var(--accent);font-weight:700}
.launch-note{border-color:#cbd7ff;background:#f4f7ff;color:#2855ff!important}
.contact .launch-note{border-color:#cbd7ff;background:#f4f7ff}
.contact .eyebrow{color:var(--accent);font-weight:700}.contact-decoration{color:#2855ff07}
.design-card-head>span,.studio-work-copy h3>span{color:var(--accent)}
.footer-brand span{color:var(--accent)}