@charset "utf-8";
:root{--ink:#141a1d;--ink2:#252c30;--mint:#0d9fa3;--mint-dark:#087b7d;--paper:#f7f7f4;--white:#fff;--muted:#687074;--line:#d8dbd8;--dark:#13191c;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"Helvetica Neue",Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:#9ee3df;color:#11282a}.container{width:min(var(--max),calc(100% - 88px));margin-inline:auto}.skip{position:absolute;top:-70px;left:10px;z-index:100;background:#fff;padding:14px}.skip:focus{top:10px}.teal{color:var(--mint)}.section-pad{padding-block:clamp(100px,10vw,165px)}
/* NAV */
.site-header{position:relative;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:91px;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:25px}.brand img{width:210px;height:auto}.nav{display:flex;gap:26px;align-items:center;justify-self:end;font-size:12px;font-weight:800;letter-spacing:.065em}.nav>a:not(.nav-contact){padding:14px 0;transition:color .25s}.nav>a:not(.nav-contact):hover{color:var(--mint-dark)}.nav-contact{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;padding:16px 19px;min-width:157px;transition:background .25s}.nav-contact:hover{background:var(--mint-dark)}.nav-contact span{font-size:20px;font-weight:400}.header-caption{display:block;font:700 9px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#777c7e;white-space:nowrap}.header-side{order:3;display:flex;align-items:center;gap:10px}.menu-button{display:none}
/* HERO */
.hero{background:var(--paper);overflow:hidden}.hero-grid{display:grid;grid-template-columns:58% 42%;min-height:720px}.hero-text{position:relative;display:flex;flex-direction:column;padding:78px 38px 36px 0;min-width:0}.hero-topline{font-size:11px;font-weight:800;letter-spacing:.15em;display:flex;align-items:center;gap:12px;color:#626a6d}.dot{display:inline-block;width:9px;height:9px;background:var(--mint);border-radius:50%;flex:none}.hero-text h1{font-size:clamp(54px,5.9vw,94px);font-weight:850;line-height:1.27;letter-spacing:-.105em;white-space:nowrap;margin:66px 0 30px;position:relative;z-index:1}.underline-mark{position:relative;display:inline-block}.underline-mark:after{content:"";position:absolute;left:2%;right:5%;bottom:9%;height:.115em;background:var(--mint);z-index:-1;transform:rotate(-1.5deg);opacity:.65}.hero-lower{display:grid;grid-template-columns:.72fr 1fr;gap:36px;align-items:end;margin-top:35px}.hero-lower p{font-size:15px;line-height:2.15;font-weight:550;letter-spacing:.035em;color:#515a5e;margin:0}.hero-links{display:flex;align-items:flex-start;flex-direction:column;gap:25px;justify-self:start}.button-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:var(--ink);color:#fff;padding:22px 25px;min-width:260px;font-weight:800;font-size:14px;transition:background .25s,transform .25s}.button-primary:hover{background:var(--mint-dark);transform:translateY(-2px)}.button-primary span{font-size:24px;font-weight:400}.text-link{font-size:12px;border-bottom:1px solid #929a98;padding-bottom:8px;display:flex;justify-content:space-between;width:185px;font-weight:750}.text-link span{font-size:18px}.hero-caption{display:flex;justify-content:space-between;margin-top:auto;padding-top:42px;font-size:9px;font-weight:750;letter-spacing:.135em;color:#838b8d}.hero-art{background:#111b1d;position:relative;min-height:680px;overflow:hidden;color:#fff;isolation:isolate}.hero-art-photography{position:absolute;inset:0;background:linear-gradient(130deg,#213237cc,#0a1313cc);opacity:.8;clip-path:polygon(0 0,100% 0,100% 100%,27% 100%,0 70%);transform:scale(1.05);transition:transform 1s}.hero-art:hover .hero-art-photography{transform:scale(1.12)}.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 33%,#0a1313c4 90%);z-index:1}.hero-art::after{content:"";position:absolute;width:72%;height:50%;right:-9%;bottom:-30%;transform:skewY(-18deg);background:var(--mint);opacity:.58;z-index:1}.hero-art-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#ffffff1e calc(25% - 1px) 25%);z-index:2}.hero-art-nr{position:absolute;top:33px;left:35px;font:700 10px Arial,sans-serif;letter-spacing:.18em;z-index:3;color:#c1d7d6}.hero-art-word{position:absolute;inset:23% 8% auto 9%;z-index:3}.hero-art-word>span{font:800 12px Arial,sans-serif;letter-spacing:.23em;display:block;margin-bottom:20px;color:#a4b9b9}.hero-art-word strong{display:block;font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(56px,5.1vw,95px);line-height:.9;letter-spacing:-.09em;font-weight:900}.art-stop{color:#4cdfce}.hero-art-plate{position:absolute;bottom:38px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;z-index:3;border-top:1px solid #ffffff79;padding-top:17px;font:700 11px Arial,sans-serif;letter-spacing:.13em}.hero-art-plate span:nth-child(2){color:#60dfd4}.hero-art-corner{position:absolute;right:35px;top:34px;z-index:3;font:800 13px Arial,sans-serif;letter-spacing:.18em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0 21px;gap:20px;font:700 10px Arial,sans-serif;letter-spacing:.13em;color:#747e7f}.hero-bottom span+span:before{content:"—";color:var(--mint);margin-right:24px}
/* MARQUEE */
.value-ticker{background:var(--mint);padding:18px 0 17px;overflow:hidden;white-space:nowrap;color:#0a3131}.value-ticker div{font:900 clamp(18px,2.35vw,29px)/1 Arial,sans-serif;letter-spacing:.015em;word-spacing:.18em;min-width:max-content;animation:ticker 40s linear infinite}.value-ticker span{margin-inline:25px;font-size:17px}@keyframes ticker{to{transform:translateX(-46%)}}
/* SHARED TYPOGRAPHY */
.section-tag{display:flex;align-items:center;gap:13px;font:800 11px/1.6 Arial,sans-serif;letter-spacing:.16em}.small-square{width:10px;height:10px;display:inline-block;background:var(--mint);flex:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:65px}.section-heading h2{font:900 clamp(65px,10.5vw,154px)/.88 Arial,"Helvetica Neue",sans-serif;letter-spacing:-.085em;margin:30px 0 0}.section-heading>p{max-width:360px;font-size:14px;font-weight:550;line-height:2;margin-bottom:4px;color:#5b6569}.section-heading.inverse>p{color:#acb7bb}.outline-word{-webkit-text-stroke:1.5px var(--ink);color:transparent}.section-heading .outline-word{font-size:.76em}.section-heading.inverse .section-tag{color:#d8e0e0}
/* CONCEPT */
.concept-section{background:#fff}.concept-grid{display:grid;grid-template-columns:25% 1fr;gap:8%}.concept-main h2{font-size:clamp(43px,5.2vw,77px);letter-spacing:-.085em;line-height:1.38;margin:0 0 59px;font-weight:820}.concept-main h2 em{color:var(--mint-dark);font-style:normal}.concept-columns{display:grid;grid-template-columns:1fr 1fr;gap:6%;border-top:1px solid var(--ink);padding:30px 0 20px}.concept-columns p{font-size:15px;line-height:2.2;font-weight:550;color:#4e5659;margin:0}.concept-keywords{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:34px}.concept-keywords span{flex:1;padding:20px 12px;border-right:1px solid var(--line);font-size:12px;letter-spacing:.08em;font-weight:800}.concept-keywords span:first-child{padding-left:0}.concept-keywords span:last-child{border:0}
/* WORKS */
.work-section{background:var(--dark);color:#f5f7f5}.work-section .section-heading h2{letter-spacing:-.09em}.work-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px}.work-card{display:block;min-width:0}.work-visual{position:relative;height:440px;overflow:hidden;isolation:isolate;transition:filter .3s}.work-card:hover .work-visual{filter:brightness(1.09)}.work-card-one .work-visual{background:linear-gradient(125deg,#eae8e4 0 51%,#dee0db 51%)}.work-card-two .work-visual{background:#b7c9cd}.work-visual:after{content:"";position:absolute;inset:0;border:1px solid #ffffff30;pointer-events:none}.work-browser{position:absolute;inset:24px 26px auto;z-index:3;display:flex;justify-content:space-between;font:800 10px Arial,sans-serif;letter-spacing:.14em;color:#303738}.work-splash{position:absolute;left:10%;top:25%;z-index:2;color:#27343a}.work-splash small{font-size:11px;letter-spacing:.16em;display:block;margin-bottom:30px}.work-splash b{font-size:clamp(40px,4.2vw,72px);letter-spacing:-.075em;line-height:1.3;font-weight:850;display:block}.work-splash i{font:800 10px Arial,sans-serif;letter-spacing:.18em;display:block;margin-top:27px}.work-giant{position:absolute;font:900 540px/.77 Arial,sans-serif;letter-spacing:-.15em;color:#a9b9b837;right:-150px;bottom:-95px;z-index:1}.work-sticker{position:absolute;right:0;bottom:0;background:var(--mint);color:#082c2a;padding:18px 23px;font:900 12px Arial,sans-serif;letter-spacing:.11em;z-index:5}.parking-symbol{position:absolute;left:11%;top:11%;font:900 350px/.9 Arial,sans-serif;color:#24393b;letter-spacing:-.13em}.parking-symbol span{position:absolute;left:62%;top:46%;font-size:95px;color:#ebf7f3;transform:rotate(-35deg)}.parking-index{position:absolute;right:45px;top:36%;font:800 12px/2 Arial,sans-serif;letter-spacing:.15em;color:#324548}.work-card-two .work-visual:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #708f97;border-radius:50%;left:7%;top:-34%;box-shadow:0 0 0 67px #d1dedb69,0 0 0 143px #c1d1d081}.work-info{padding:25px 0 0}.meta-nr{font:800 10px Arial,sans-serif;letter-spacing:.13em;color:#99b4b5}.work-info>div{display:flex;justify-content:space-between;align-items:center;margin:15px 0 6px}.work-info h3{font-size:25px;letter-spacing:-.065em;margin:0}.work-info p{color:#a6b2b3;font-size:13px;line-height:1.7}.circle-arrow{width:45px;height:45px;border:1px solid #617176;display:grid;place-items:center;border-radius:50%;font-size:21px;transition:background .2s}.work-card:hover .circle-arrow{background:var(--mint);color:var(--ink);border-color:var(--mint)}.work-disclaimer{font-size:11px;color:#a1acad;line-height:1.9;margin:42px 0 0}
/* GALLERY */
.gallery-section{background:var(--paper)}.gallery-section .section-heading h2{font-size:clamp(52px,8vw,116px);line-height:.96}.gallery-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:510px 470px;gap:24px}.gallery-item{position:relative;display:block;overflow:hidden;isolation:isolate;background:#777;color:#fff}.gallery-item:first-child{grid-column:span 2}.gallery-photo{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);z-index:-2}.gallery-item:hover .gallery-photo{transform:scale(1.055)}.gallery-cafe .gallery-photo{background-image:linear-gradient(125deg,#3b3524,#7d7961);background-blend-mode:multiply,normal;background-position:60% 47%}.gallery-salon .gallery-photo{background-image:linear-gradient(120deg,#221e1d,#6a5b57);background-blend-mode:multiply,normal;background-position:center 45%}.gallery-corporate .gallery-photo{background-image:linear-gradient(120deg,#1c3642,#556d79);background-blend-mode:multiply,normal;background-position:58% 44%}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#10141850 0%,transparent 35%,#101418c7 98%);z-index:-1}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:29px 33px;font:800 11px Arial,sans-serif;letter-spacing:.13em}.gallery-top span+span{font-size:9px;opacity:.8}.gallery-bottom{position:absolute;left:36px;bottom:40px;right:38px;display:flex;align-items:end;justify-content:space-between;gap:12px}.gallery-label{font-size:10px;font-weight:800;letter-spacing:.18em;color:#e2eee9}.gallery-bottom h3{font-size:clamp(28px,3.35vw,53px);font-weight:800;letter-spacing:-.06em;line-height:1.25;margin:18px 0 9px}.gallery-bottom p{font-size:13px;font-weight:550;line-height:1.8;margin-bottom:0;color:#e8eeee}.gallery-arrow{flex:none;width:65px;height:65px;background:#fff;color:#192025;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:transform .3s,background .3s}.gallery-item:hover .gallery-arrow{transform:rotate(45deg);background:var(--mint)}.gallery-note{font-size:11px;line-height:2;color:#697273;margin:28px 0 0}
/* STATEMENT */
.statement{background:var(--mint);padding:110px 0 105px;overflow:hidden}.statement>.container>span{font:900 11px Arial,sans-serif;letter-spacing:.18em;display:block}.statement p{font-size:clamp(66px,9vw,145px);line-height:1.27;letter-spacing:-.105em;margin:50px 0 60px;font-weight:900}.statement p em{font-style:normal;color:var(--paper)}.statement .container>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #204a49;padding-top:27px;font:900 10px Arial,sans-serif;letter-spacing:.14em}.statement .container>div i{height:12px;width:12px;border-radius:50%;background:#173c3b}
/* SERVICES */
.service-section{background:#fff}.service-table{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:14% 1fr 19% 30px;align-items:center;gap:20px;padding:39px 8px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-row:hover{background:#f5f9f7;padding-left:20px}.service-row>span:first-child{align-self:start;font:900 11px Arial,sans-serif;letter-spacing:.13em;color:var(--mint-dark)}.service-row h3{margin:0 0 11px;font-size:clamp(22px,2.2vw,31px);letter-spacing:-.04em}.service-row p{font-size:13px;line-height:1.9;color:#637073;margin:0}.service-row>b{font:800 clamp(12px,1.4vw,18px) Arial,sans-serif;letter-spacing:.1em;color:#c2caca;text-align:right}.service-arrow{font-size:25px;font-weight:400}
/* PRICING */
.pricing-section{background:#f2f4f1}.price-label{display:flex;align-items:center;gap:15px;font:800 10px Arial,sans-serif;letter-spacing:.13em;margin-bottom:22px}.price-label .label-dot{width:9px;height:9px;background:var(--mint)}.price-label b{font-size:13px;letter-spacing:0}.price-label small{margin-left:auto;font-size:11px;color:#657074;letter-spacing:0}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.price-card{background:#fff;border:1px solid #d7dedb;padding:39px 42px 35px;display:flex;flex-direction:column;min-width:0}.price-card.highlighted{border:2px solid var(--mint);padding:38px 41px 34px}.price-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 11px Arial,sans-serif;letter-spacing:.16em;border-bottom:1px solid var(--line);padding-bottom:19px}.price-head span:last-child{color:var(--mint-dark)}.price-card h3{font-size:30px;letter-spacing:-.06em;margin:29px 0 5px}.price-desc{font-size:13px;line-height:1.85;color:#627074}.amount{padding:23px 0 31px;border-bottom:1px solid var(--line)}.amount del{display:block;color:#7a8387;font-size:13px;text-decoration-thickness:1px}.amount strong{display:block;font:900 clamp(58px,6.1vw,90px)/1.25 Arial,sans-serif;letter-spacing:-.075em}.amount strong span{font:700 20px sans-serif;letter-spacing:0;margin-left:5px}.amount small{display:block;font-size:11px;color:var(--mint-dark);font-weight:850}.price-card ul{list-style:none;margin:25px 0 28px;padding:0;display:grid;gap:14px;font-size:13px;font-weight:650}.price-card li:before{content:"✓";color:var(--mint-dark);font-weight:900;margin-right:10px}.price-card>a{margin-top:auto;background:var(--ink);color:#fff;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;transition:background .2s}.price-card>a:hover{background:var(--mint-dark)}.price-card>a span{font-size:23px;font-weight:400}.price-footnote,.support-footnote{font-size:11px;line-height:2;color:#687477;margin:25px 0 0}.renewal{border-top:2px solid var(--ink);margin-top:78px;padding-top:23px;display:grid;grid-template-columns:20% 1fr auto;gap:35px;align-items:start}.renewal>span{font:900 11px/1.7 Arial,sans-serif;letter-spacing:.10em;color:var(--mint-dark)}.renewal h3{font-size:clamp(23px,2.65vw,38px);letter-spacing:-.06em;line-height:1.4;margin-bottom:15px}.renewal p{font-size:13px;line-height:2;color:#4f5b61}.renewal>a{font-size:12px;font-weight:900;border-bottom:1px solid var(--ink);padding-bottom:12px;white-space:nowrap}.support{margin-top:85px;border-top:1px solid var(--line);display:grid;grid-template-columns:37% 1fr;gap:55px;padding-top:37px}.support>div:first-child>span{font:900 11px Arial,sans-serif;letter-spacing:.14em;color:var(--mint-dark)}.support h3{font-size:31px;letter-spacing:-.065em;line-height:1.5;margin:23px 0}.support>div:first-child>p{font-size:13px;line-height:2;color:#647073}.support-list p{display:grid;grid-template-columns:26% 29% 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:23px 0;margin:0}.support-list b{font-size:14px}.support-list strong{font:900 25px Arial,sans-serif;letter-spacing:-.06em}.support-list small{font-size:11px;letter-spacing:0;font-weight:600}.support-list p>span{font-size:11px;color:#627073;line-height:1.8}
/* PROCESS */
.process-section{background:#fff}.process-section .section-heading h2{font-size:clamp(39px,5vw,70px);letter-spacing:-.075em;line-height:1.24}.process-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink)}.process-list li{padding:30px 24px 14px;border-right:1px solid var(--line);min-height:220px}.process-list li:first-child{padding-left:0}.process-list li:last-child{border-right:0}.process-list li>span{font:900 35px Arial,sans-serif;color:var(--mint);letter-spacing:-.07em}.process-list h3{font-size:18px;margin:48px 0 12px}.process-list p{font-size:12px;line-height:2;color:#647073}
/* ABOUT */
.about-section{background:#eef1ec}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start}.about-grid h2{font-size:clamp(38px,4.8vw,68px);line-height:1.4;letter-spacing:-.075em;margin:44px 0 0}.about-grid>div:last-child{padding-top:54px}.about-grid p{font-size:15px;line-height:2.35;color:#424e52}.about-grid small{font-size:11px;color:#667276;line-height:1.8}
/* FAQ */
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:35% 1fr;gap:6%}.faq-grid h2{font-size:clamp(38px,4.8vw,65px);letter-spacing:-.08em;margin:44px 0}.faq-items{border-top:1px solid var(--ink)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{list-style:none;cursor:pointer;font-size:15px;font-weight:780;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:25px;font-weight:400;color:var(--mint-dark);transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{font-size:13px;line-height:2.1;color:#58646b;margin:0;padding:0 40px 25px 0}
/* CTA */
.contact-section{background:#0c1516;color:#fff;overflow:hidden}.contact-inner{padding-top:125px;padding-bottom:115px;position:relative}.contact-inner:before{content:"";position:absolute;width:490px;height:490px;border:1px solid #3baaa72e;border-radius:50%;right:-180px;top:10px;box-shadow:0 0 0 95px #1a808017,0 0 0 195px #1a80800a;pointer-events:none}.contact-inner>span{font:900 11px Arial,sans-serif;letter-spacing:.16em;color:#96d7d2}.contact-inner h2{font-size:clamp(43px,6.7vw,96px);letter-spacing:-.09em;line-height:1.34;margin:43px 0 64px;position:relative}.contact-inner h2 em{font-style:normal;color:var(--mint)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}.contact-bottom p{font-size:15px;line-height:2.2;color:#bcc9ca;margin:0}.contact-button{background:var(--mint);color:#0c2928;display:flex;align-items:center;gap:65px;padding:25px 28px;font-size:16px;font-weight:900;white-space:nowrap;transition:background .2s,transform .2s}.contact-button:hover{background:#65d5ca;transform:translateY(-2px)}.contact-button b{font-size:30px;font-weight:400}.contact-inner>small{display:block;margin-top:17px;font-size:11px;color:#94a5a6;text-align:right}
/* FOOTER */
.footer{background:#f7f7f4}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:60px;padding-top:66px;padding-bottom:65px}.footer-logo img{width:260px}.footer-top p{font-size:12px;line-height:2;color:#5c686a;margin:22px 0 0}.footer-top nav{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 40px;font:900 11px Arial,sans-serif;letter-spacing:.09em}.footer-top nav a:hover{color:var(--mint-dark)}.footer-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font:700 10px Arial,sans-serif;letter-spacing:.1em;color:#657072}.footer-end a{color:var(--ink)}.mobile-contact{display:none}
/* POLICY */
.policy-hero{background:#0f1a1b;color:#fff;padding:85px 0 83px}.policy-hero .section-tag{color:#9dd6d3}.policy-hero h1{font-size:clamp(38px,5vw,70px);letter-spacing:-.06em;margin:35px 0 0}.policy-content{background:#fff;padding:70px 0 100px}.policy-content article{max-width:860px;margin:0 auto;font-size:15px;line-height:2.2;color:#344449}.policy-content h2{font-size:20px;letter-spacing:-.025em;margin:40px 0 9px;border-top:1px solid #e0e3df;padding-top:25px;color:#1b292d}.policy-content a{color:var(--mint-dark);text-decoration:underline}.policy-back{display:inline-block;margin-top:35px;border-bottom:1px solid currentColor}
@media(max-width:1190px){.container{width:min(var(--max),calc(100% - 56px))}.header-inner{grid-template-columns:200px 1fr}.brand img{width:194px}.header-side{display:none}.nav{gap:18px}.hero-grid{grid-template-columns:59% 41%}.hero-text h1{font-size:clamp(50px,5.7vw,79px)}.hero-lower{grid-template-columns:1fr;gap:22px;margin-top:6px}.hero-links{flex-direction:row;align-items:center}.hero-text{padding-top:62px}.hero-art-word strong{font-size:clamp(48px,5.3vw,76px)}.support-list p{grid-template-columns:30% 1fr}.support-list p>span{grid-column:2}.renewal{grid-template-columns:19% 1fr}.renewal>a{grid-column:2}}
@media(max-width:870px){html{scroll-padding-top:70px}.container{width:calc(100% - 42px)}.header-inner{height:76px;grid-template-columns:1fr auto}.brand img{width:188px}.header-side{display:flex;order:0}.header-caption{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;background:var(--ink);border:0;color:white;cursor:pointer}.menu-button span{display:block;width:20px;height:2px;background:#fff;transition:transform .25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 20px 35px #121b1b20;padding:19px 22px 25px;flex-direction:column;gap:0;align-items:stretch}.nav.is-open{display:flex}.nav>a:not(.nav-contact){padding:18px 4px;border-bottom:1px solid #e1e4e1}.nav-contact{margin-top:20px}.hero-grid{display:block;min-height:0}.hero-text{padding:65px 0 58px}.hero-text h1{font-size:clamp(51px,9.2vw,83px);margin:40px 0 32px}.hero-lower{display:flex;justify-content:space-between;gap:25px;margin-top:0}.hero-lower p{font-size:14px}.hero-links{align-items:flex-start;flex-direction:column;gap:18px}.hero-caption{margin-top:42px}.hero-art{min-height:520px;margin:0 -21px}.hero-art-word strong{font-size:clamp(63px,12vw,100px)}.hero-bottom{flex-wrap:wrap;justify-content:center}.hero-bottom span:nth-child(4){display:none}.section-pad{padding-block:90px}.section-heading{gap:30px}.section-heading h2{font-size:clamp(54px,9vw,100px)}.concept-grid{grid-template-columns:1fr;gap:34px}.work-grid{gap:20px}.work-visual{height:340px}.work-splash{left:8%;top:28%}.work-splash b{font-size:43px}.work-browser{font-size:8px}.parking-symbol{font-size:275px}.parking-index{right:22px;top:27%;font-size:9px}.gallery-list{grid-template-rows:440px 360px;gap:16px}.gallery-bottom{left:25px;right:24px;bottom:27px}.gallery-bottom h3{font-size:33px}.gallery-bottom p{font-size:12px}.gallery-arrow{width:52px;height:52px;font-size:25px}.service-row{grid-template-columns:16% 1fr 28px}.service-row>b{display:none}.renewal{gap:20px}.support{gap:22px}.process-list{grid-template-columns:repeat(2,1fr)}.process-list li:nth-child(2){border-right:0}.process-list li{border-bottom:1px solid var(--line)}.process-list li:nth-child(3),.process-list li:nth-child(4){border-bottom:0}.footer-top nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 34px)}.hero-text{padding-top:44px;padding-bottom:44px}.hero-topline{font-size:9px;letter-spacing:.12em}.hero-text h1{font-size:clamp(36px,10.3vw,56px);white-space:normal;letter-spacing:-.1em;margin:40px 0 26px;line-height:1.35}.hero-lower{display:block}.hero-lower p{font-size:13px;line-height:1.95}.hero-links{flex-direction:row;align-items:center;gap:20px;margin-top:29px}.button-primary{min-width:unset;padding:16px 15px;gap:11px;font-size:12px}.button-primary span{font-size:20px}.text-link{width:auto;font-size:11px;gap:9px}.hero-caption{display:none}.hero-art{min-height:405px;margin:0 -17px}.hero-art-word{inset:24% 8% auto}.hero-art-word strong{font-size:clamp(53px,12.5vw,76px)}.hero-art-nr{font-size:9px;top:20px;left:20px}.hero-art-corner{right:20px;top:20px}.hero-art-plate{bottom:27px;left:20px;right:20px}.hero-bottom{justify-content:flex-start;padding:16px 0}.hero-bottom span{font-size:8px}.hero-bottom span:nth-child(3){display:none}.hero-bottom span+span:before{margin-right:9px}.value-ticker{padding:13px}.value-ticker div{font-size:17px}.section-pad{padding-block:72px}.section-tag{font-size:10px}.section-heading{display:block;margin-bottom:42px}.section-heading h2{font-size:clamp(55px,13vw,78px);margin-top:22px}.section-heading>p{margin:23px 0 0;font-size:13px}.concept-main h2{font-size:clamp(36px,9vw,48px);margin-bottom:35px}.concept-columns{grid-template-columns:1fr;gap:20px;padding-top:25px}.concept-columns p{font-size:13px;line-height:2}.concept-keywords span{font-size:9px;padding:15px 6px}.work-grid{grid-template-columns:1fr;gap:48px}.work-visual{height:330px}.work-splash b{font-size:clamp(42px,10vw,57px)}.work-info h3{font-size:21px}.work-disclaimer{margin-top:26px}.gallery-section .section-heading h2{font-size:clamp(44px,9.2vw,65px)}.gallery-list{grid-template-columns:1fr;grid-template-rows:repeat(3,390px);gap:17px}.gallery-item:first-child{grid-column:auto}.gallery-top{padding:22px 20px;font-size:9px}.gallery-top span+span{font-size:8px}.gallery-bottom{left:20px;right:20px;bottom:25px}.gallery-bottom h3{font-size:28px}.gallery-bottom p{font-size:11px}.gallery-label{font-size:8px}.gallery-arrow{width:46px;height:46px;font-size:23px}.statement{padding:75px 0}.statement p{font-size:clamp(51px,10.7vw,79px);margin:35px 0}.statement .container>div span{max-width:215px;line-height:1.7;font-size:9px}.service-row{grid-template-columns:1fr 28px;padding:23px 0;gap:10px}.service-row>span:first-child{grid-column:1 / -1;margin-bottom:4px;font-size:10px}.service-row>div{grid-column:1}.service-arrow{grid-column:2;grid-row:2;font-size:21px}.service-row h3{font-size:21px;margin-bottom:8px}.service-row p{font-size:12px}.price-label{display:flex;flex-wrap:wrap;gap:7px;font-size:9px}.price-label b{font-size:12px}.price-label small{width:100%;margin-left:15px}.pricing-cards{grid-template-columns:1fr}.price-card,.price-card.highlighted{padding:30px 25px}.price-card h3{font-size:27px}.amount strong{font-size:68px}.price-footnote{margin-top:20px}.renewal{margin-top:60px;grid-template-columns:1fr;gap:18px}.renewal h3{font-size:29px}.renewal>a{grid-column:1;justify-self:start}.support{grid-template-columns:1fr;margin-top:55px}.support h3{font-size:28px}.support-list p{grid-template-columns:39% 1fr}.support-list p>span{grid-column:1 / -1}.process-section .section-heading h2{font-size:35px}.process-list{grid-template-columns:1fr}.process-list li{border-right:0!important;border-bottom:1px solid var(--line)!important;display:grid;grid-template-columns:65px 1fr;gap:12px;padding:22px 0;min-height:0}.process-list li h3{margin:7px 0 6px}.process-list li p{margin:0}.process-list li>span{font-size:32px}.process-list li:last-child{border-bottom:0!important}.about-grid{grid-template-columns:1fr;gap:28px}.about-grid h2{font-size:38px;margin-top:26px}.about-grid>div:last-child{padding-top:0}.about-grid p{font-size:13px;line-height:2.1}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-grid h2{font-size:36px;margin:28px 0 12px}.faq-items summary{font-size:13px;padding:23px 0}.faq-items details p{font-size:12px}.contact-inner{padding-top:80px;padding-bottom:95px}.contact-inner h2{font-size:clamp(39px,10vw,60px);margin:31px 0 44px}.contact-bottom{display:block}.contact-bottom p{font-size:12px;line-height:1.95;margin-bottom:25px}.contact-button{width:100%;font-size:14px;justify-content:space-between}.contact-inner>small{text-align:left}.footer-top{display:block;padding-top:51px;padding-bottom:50px}.footer-logo img{width:227px}.footer-top nav{grid-template-columns:repeat(3,1fr);gap:23px 12px;margin-top:40px;font-size:9px}.footer-end{display:block;padding-bottom:90px;font-size:8px;line-height:1.7}.footer-end a{display:inline-block;margin-top:17px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;align-items:center;justify-content:space-between;gap:10px;background:#111b1d;color:white;padding:9px 14px 10px;box-shadow:0 -6px 30px #0002;font-size:11px;font-weight:800}.mobile-contact a{display:inline-flex;background:var(--mint);color:#103033;align-items:center;justify-content:center;padding:13px 19px;font-size:12px;font-weight:900}.policy-hero{padding:55px 0}.policy-content{padding:50px 0 80px}.policy-content article{font-size:13px}}
@media(max-width:360px){.hero-text h1{font-size:36px}.hero-links{gap:10px}.button-primary{font-size:11px}.text-link{font-size:10px}.hero-art-word strong{font-size:49px}.gallery-top span+span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.value-ticker div{animation:none!important}*{transition:none!important;animation:none!important}}
/* Typographic art direction also gives graceful visual fallback when photography is unavailable. */
.gallery-item::before{position:absolute;top:9%;right:2%;color:#fff;z-index:0;opacity:.15;pointer-events:none;font:900 clamp(90px,13vw,215px)/1 Arial,sans-serif;letter-spacing:-.1em;text-transform:uppercase;white-space:nowrap;transform:rotate(-7deg)}
.gallery-cafe::before{content:"ÉLAN"}.gallery-salon::before{content:"matoi.";font-family:Georgia,serif;font-style:italic;font-weight:400;opacity:.24}.gallery-corporate::before{content:"NEXUS";font-size:clamp(90px,10vw,175px)}
.gallery-top,.gallery-bottom{z-index:1}
