/*
Theme Name: LANZE V3
Theme URI: https://white-dove-644148.hostingersite.com/
Author: LANZE Digital Marketing
Description: 嵐澤形象官網專用主題，包含首頁、四項服務與三篇品牌指南。
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lanze-v3
*/

:root{--ink:#202e3a;--lime:#b4a183;--paper:#f3f0e9;--muted:#6d747b;--line:#d8d4cd;--white:#fff;--gutter:clamp(22px,5.2vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}::selection{color:var(--ink);background:var(--lime)}:focus-visible{outline:3px solid #8a765b;outline-offset:6px}p,h1,h2,h3{margin:0}a,button,summary{-webkit-tap-highlight-color:transparent}.wrap{width:min(1440px,100%);padding-left:var(--gutter);padding-right:var(--gutter);margin-inline:auto}.section{padding-block:100px}.svg-defs{position:absolute;width:0;height:0}.skip{position:fixed;top:-80px;left:16px;background:var(--lime);padding:10px 20px;z-index:50}.skip:focus{top:12px}
.header{height:105px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;line-height:1.1}.brand svg{width:48px;height:37px}.brand>span{font-size:27px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1.4px;margin-top:6px;font-weight:500}.header nav{display:flex;gap:32px;align-items:center}.header nav>a{font-size:14px;font-weight:600;white-space:nowrap}.header nav>a:hover{text-decoration:underline;text-underline-offset:6px}.header .nav-cta{border:1px solid var(--ink);padding:10px 17px}.nav-cta span{margin-left:14px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;padding-top:50px;padding-bottom:48px;min-height:700px}.hero-copy{padding-top:8px}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:28px}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink)}h1{font-size:clamp(48px,5.5vw,83px);letter-spacing:-3px;line-height:1.24;font-weight:800}.headline-last{position:relative}.spark{width:.53em;height:.53em;display:inline-block;stroke:var(--ink);stroke-width:5;margin-left:8px;margin-bottom:.11em}.hero-description{margin-top:28px;font-size:17px;color:#68717a;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.button{padding:16px 23px;display:inline-flex;align-items:center;gap:35px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#3b4b5b;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-block:6px}.text-link span{margin-left:12px}.hero-foot{font-size:11px;letter-spacing:1px;margin-top:43px;display:flex;gap:22px;flex-wrap:wrap;color:var(--muted)}.hero-foot span{font-size:12px;letter-spacing:0}
.hero-art{background:var(--ink);position:relative;overflow:hidden;min-height:585px;color:var(--lime)}.art-top{display:flex;justify-content:space-between;padding:26px 27px;font-size:10px;letter-spacing:1.4px;position:relative;z-index:2}.hero-monogram{width:67%;position:absolute;left:17%;top:27%;filter:drop-shadow(15px 15px 0 #0d3029);transform:rotate(-8deg)}.contour{position:absolute;width:420px;height:650px;border:1px solid #53606c;border-radius:50%;transform:rotate(35deg);left:22%;top:-4%}.contour-two{left:29%;top:-2%}.contour-three{left:36%;top:0}.contour-four{left:43%;top:2%}.art-note{position:absolute;right:28px;top:65%;font-size:12px;line-height:1.7;letter-spacing:2px}.tiny-cross{position:absolute;left:-25px;top:-6px;font-size:24px}.art-bottom{position:absolute;bottom:30px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end}.art-bottom>span:first-child{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:2px}.art-bottom small{font-size:10px;letter-spacing:1.4px;font-weight:400}.round-arrow{width:54px;height:54px;border:1px solid #8a8175;border-radius:50%;display:grid;place-items:center;font-size:27px}.service-rail{background:var(--lime);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px var(--gutter);font-size:13px;letter-spacing:1.3px;font-weight:700;overflow:hidden}.service-rail span{white-space:nowrap}.service-rail i{font-style:normal;font-size:25px;line-height:1}
.section-kicker{font-size:12px;letter-spacing:1.4px;font-weight:700;margin-bottom:24px}h2{font-size:clamp(32px,3.7vw,54px);line-height:1.35;letter-spacing:-1.5px}.about{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.about>.section-kicker{padding-top:10px}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;color:var(--muted);font-size:16px}.principles{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;padding-top:27px;gap:20px}.principles span{color:var(--muted);font-size:13px}.principles b{display:block;color:var(--ink);font-size:16px;margin-bottom:7px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:52px}.section-intro{font-size:16px;color:var(--muted);padding-bottom:7px}.services{background:#ece8e1}.service-list{border-top:1px solid #c9c2b8}.service{border-bottom:1px solid #c9c2b8}.service summary{list-style:none;display:flex;align-items:center;gap:26px;padding:30px 8px;cursor:pointer}.service summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.service-num{font-size:13px;align-self:flex-start;padding-top:8px;width:40px}.service-title{font-size:28px;line-height:1.45;font-weight:700}.service-title small{display:block;font-size:11px;letter-spacing:1.1px;margin-top:5px;font-weight:400}.service-plus{margin-left:auto;font-size:32px;font-weight:400;transition:transform .2s}.service[open] .service-plus{transform:rotate(45deg)}.service-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding:0 38px 35px 75px}.service-detail p{color:#626c75;font-size:16px}.tags{display:flex;gap:9px;flex-wrap:wrap;align-content:start;padding-top:3px}.tags span{font-size:13px;border:1px solid #b9afa1;padding:5px 13px;border-radius:30px}.service-caption{font-size:13px;margin-top:22px;color:var(--muted)}
.brand-showcase{display:grid;grid-template-columns:1.2fr 1fr;min-height:450px}.identity-board{background:#e4ded5;position:relative;overflow:hidden;min-height:450px}.mini-card{width:64%;aspect-ratio:1.68;position:absolute;box-shadow:12px 18px 30px #17372b20}.mini-card.front{background:var(--ink);color:var(--lime);left:8%;top:12%;transform:rotate(-10deg);padding:28px;z-index:2}.mini-card.front svg{width:45px;float:left;margin-right:13px}.mini-card.front>span{font-size:22px;line-height:1;font-weight:700}.mini-card.front small{font-size:7px;display:block;margin-top:6px}.mini-card.front b{position:absolute;bottom:25px;left:28px;font-size:17px;color:var(--paper)}.mini-card.back{background:var(--paper);right:6%;bottom:13%;transform:rotate(8deg);padding:26px;border-bottom:14px solid var(--lime)}.mini-card.back strong{display:block;font-size:12px}.mini-card.back span{font-size:12px;line-height:1.35;display:block;margin-top:18px}.mini-card.back svg{width:70px;position:absolute;right:22px;bottom:24px}.board-label{position:absolute;bottom:16px;left:24px;font-size:11px;color:#716d67}.brand-statement{background:var(--ink);color:var(--paper);padding:45px 40px;display:flex;flex-direction:column;justify-content:space-between}.brand-statement .section-kicker{color:var(--lime);font-size:10px}.brand-statement h3{font-size:35px;line-height:1.55}.brand-statement em{font-style:normal;color:var(--lime)}.brand-statement>p:not(.section-kicker){font-size:14px;color:#c9cbd0;margin-top:24px}.brand-sign{border-top:1px solid #4c5864;padding-top:18px;margin-top:30px;font-size:22px;font-weight:700}.brand-sign span{font-size:11px;letter-spacing:1px;margin-left:20px;font-weight:400}
.process{background:var(--lime)}.process .section-intro{color:#5d6670}.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.steps li{border-top:1px solid #b7afa3;padding-top:20px;position:relative}.steps li>span{font-size:11px;letter-spacing:1px}.steps h3{font-size:25px;margin:30px 0 18px}.steps p{font-size:15px;color:#616970}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;gap:25px;justify-content:space-between;list-style:none;cursor:pointer;font-size:17px;font-weight:600;padding:24px 0}.faq summary span{font-size:21px;flex-shrink:0}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:15px;margin-bottom:25px;padding-right:26px}
.contact{background:var(--ink);color:var(--paper)}.contact-top{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.contact .section-kicker{color:var(--lime)}.contact h2{font-size:clamp(38px,4.6vw,67px);position:relative;line-height:1.3}.contact h2>span{color:var(--lime);font-size:1.2em;display:inline-block;margin-left:20px}.contact h2+p{color:#c9cbd0;font-size:15px;margin-top:30px}.contact-person{border-left:1px solid #57616b;padding-left:46px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.person-symbol{width:60px;height:53px;color:var(--lime);margin-bottom:10px}.person-symbol svg{width:100%}.contact-person>span:not(.person-symbol){font-size:11px;color:#c9cbd0;letter-spacing:.6px}.contact-person strong{font-size:25px}.contact-person em{font-style:normal;font-size:19px;margin-left:7px;font-weight:400}.contact-person a{font-size:23px;margin-top:6px}.contact-person .email{font-size:14px;overflow-wrap:anywhere}.contact-person a:hover{color:var(--lime)}.contact-button{display:flex;justify-content:space-between;align-items:center;padding:23px 0 19px;margin-top:58px;border-top:1px solid #4c5864;border-bottom:1px solid #4c5864;font-size:22px;color:var(--lime)}.contact-button span{font-size:32px}.contact-button:hover{color:var(--white)}.footer{padding-top:45px;padding-bottom:25px}.footer-top{display:flex;gap:35px;align-items:start;justify-content:space-between}.footer .brand>span{font-size:23px}.footer .brand svg{width:42px}.footer p{font-size:13px;line-height:1.9}.footer p span{color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;color:var(--muted);font-size:11px}
@media(min-width:1600px){.header{padding-inline:max(var(--gutter),calc((100vw - 1272px)/2))}.hero{min-height:745px}.hero-art{min-height:635px}.hero-description{margin-top:35px}.hero-actions{margin-top:38px}}
@media(max-width:1050px){.header nav{gap:20px}.hero{gap:25px;min-height:650px}.hero-art{min-height:560px}.hero-foot{gap:9px}.hero-actions{gap:20px}.button{gap:20px;padding-inline:19px}.hero h1{font-size:57px}.service-rail{justify-content:start;gap:35px}.service-rail span:last-child,.service-rail i:last-of-type{display:none}.about{grid-template-columns:1fr 3fr;gap:25px}.service-detail{gap:30px}.brand-statement{padding:35px 30px}.brand-statement h3{font-size:30px}.mini-card.front{padding:23px}.mini-card.back{padding:22px}.contact-top{gap:35px}.contact-person{padding-left:28px}}
@media(max-width:760px){html{scroll-padding-top:84px}.header{height:80px}.brand>span{font-size:23px}.brand svg{width:42px}.menu-toggle{display:flex;align-items:center;gap:17px;border:0;background:none;color:var(--ink);font-size:14px;padding:8px 0 8px 15px}.menu-toggle span{font-size:22px}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.header nav{display:none;position:absolute;left:0;right:0;top:79px;background:var(--paper);padding:24px var(--gutter) 28px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #202e3a10}.header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:20px}.header .nav-cta{text-align:center;margin-top:6px}.hero{grid-template-columns:1fr;gap:35px;padding-top:30px;padding-bottom:28px}.hero h1{font-size:clamp(47px,10vw,70px);letter-spacing:-2px}.hero-description{font-size:16px;line-height:1.9;margin-top:24px}.eyebrow{font-size:10px;margin-bottom:24px}.hero-actions{margin-top:26px}.hero-foot{margin-top:26px;font-size:10px;gap:12px}.hero-foot span{font-size:11px}.hero-art{min-height:460px}.hero-monogram{width:59%;left:21%;top:26%}.art-note{top:66%;font-size:11px}.art-top{padding:22px;font-size:9px}.art-bottom{left:23px;right:23px;bottom:25px}.art-bottom>span:first-child{font-size:26px}.contour{left:20%;top:-20%}.contour-two{left:27%}.contour-three{left:34%}.contour-four{left:41%}.service-rail{font-size:10px;padding-block:18px;gap:22px}.service-rail span:nth-of-type(3),.service-rail i:nth-of-type(2){display:none}.section{padding-block:66px}.section-kicker{font-size:11px;margin-bottom:22px}.about{display:block}.about-body{grid-template-columns:1fr;gap:20px;margin-top:28px}.principles{gap:14px;margin-top:30px}.principles b{font-size:14px}.principles span{font-size:12px}.section-heading{display:block;margin-bottom:32px}.section-intro{margin-top:22px;font-size:15px}.service summary{padding:25px 0;gap:13px}.service-num{width:23px;font-size:11px;padding-top:4px}.service-title{font-size:21px}.service-title small{font-size:9px;letter-spacing:.4px}.service-plus{font-size:26px}.service-detail{display:block;padding:0 0 27px 36px}.service-detail p{font-size:15px}.tags{margin-top:22px;gap:7px}.tags span{font-size:12px}.service-caption{font-size:12px}.brand-showcase{grid-template-columns:1fr}.identity-board{min-height:380px}.mini-card.front{max-width:340px}.mini-card.back{max-width:340px}.brand-statement{min-height:405px;padding:33px 27px}.brand-statement h3{font-size:32px}.steps{grid-template-columns:1fr 1fr;gap:32px 24px}.steps h3{font-size:22px;margin-top:20px;margin-bottom:13px}.steps p{font-size:14px}.steps li>span{font-size:10px}.faq{display:block}.faq-list{margin-top:30px}.faq summary{font-size:16px}.contact-top{grid-template-columns:1fr;gap:40px}.contact h2{font-size:clamp(35px,8.8vw,52px)}.contact h2>span{margin-left:10px}.contact h2+p{font-size:14px}.contact-person{padding-left:0;padding-top:32px;border-left:0;border-top:1px solid #57616b}.contact-person .email{font-size:15px}.contact-button{font-size:19px;margin-top:34px}.footer-top{flex-direction:column;gap:25px}.footer p{font-size:13px}.footer-bottom{font-size:10px;align-items:start}.footer-bottom a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.header{position:static}.menu-toggle,.hero-actions,.contact-button{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.section{padding-block:35px}.service-detail{display:block}.hero-art{min-height:400px}}
.hero-monogram{filter:none;transform:none;width:64%;left:18%;top:30%}.art-note{top:15%}

/* LANZE v2 — quiet editorial identity */
:root{--ink:#202e3a;--lime:#b4a183;--paper:#f3f0e9;--muted:#6d747b;--line:#d8d4cd}
.brand>span{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:2px;font-size:28px}.brand small{font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:9px;letter-spacing:2px}.brand svg{width:40px;height:33px}.brand{gap:16px}
.header{height:100px}.header nav>a{font-weight:400}.header .nav-cta{border-color:#b4a183;padding:10px 20px}
.hero{padding-top:62px;padding-bottom:62px;gap:65px;grid-template-columns:1.1fr 1fr}.eyebrow{font-weight:400;letter-spacing:2.2px;color:#716b61}.dot{width:5px;height:5px;background:#968267}
h1{font-weight:500;letter-spacing:-1px;line-height:1.4;font-size:clamp(48px,5.05vw,74px)}.spark{display:none}.hero-description{font-size:16px;line-height:2.05;margin-top:26px}.hero-actions{margin-top:36px}.button{font-weight:400;padding:15px 26px}.hero-foot{margin-top:45px}.hero-art{min-height:565px;background:#202e3a}.art-top{color:#bbb1a2;padding:29px 29px;letter-spacing:2px}.hero-monogram{width:49%;left:25.5%;top:31%;color:#c2b397}.contour{border-radius:0;transform:none;left:24px;top:75px;width:calc(100% - 48px);height:calc(100% - 170px);border-color:#63707b;opacity:.4}.contour-two{inset:86px 35px 106px;width:auto;height:auto;opacity:.16}.contour-three,.contour-four{display:none}.art-note{display:none}.art-bottom{bottom:28px;color:#ddd6cb}.art-bottom>span:first-child{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:4px}.art-bottom small{font-family:Arial,sans-serif;letter-spacing:2px;font-size:9px}.round-arrow{border-radius:0;width:40px;height:40px;border-color:#626b72;font-size:20px}
.service-rail{background:#e9e4dc;border-top:1px solid #d5cec3;border-bottom:1px solid #d5cec3;padding-block:20px;font-weight:400;font-size:11px;letter-spacing:2px}.service-rail i{font-size:14px;color:#8a765b}.section{padding-block:105px}.section-kicker{font-weight:400;font-size:11px;letter-spacing:2px;color:#85755f}h2{font-weight:500;font-size:clamp(32px,3.25vw,48px);line-height:1.5}.principles b{font-weight:500}.service-title{font-weight:500;font-size:26px}.service-title small{letter-spacing:1.6px}.service-num{color:#8a765b}.tags span{border-radius:0;border-color:#c4baad;padding:5px 12px}.service-plus{font-size:26px;font-weight:300}
.identity-board{background:#e5dfd6}.mini-card.front{transform:rotate(-5deg);color:#c2b397}.mini-card.front>span{font-family:Georgia,serif;font-weight:400;letter-spacing:1px}.mini-card.front small{font-family:Arial,sans-serif}.mini-card.back{transform:rotate(5deg);border-bottom:2px solid #b4a183}.mini-card.front b{font-weight:400}.brand-statement .section-kicker{color:#b4a183}.brand-statement h3{font-weight:400}.brand-statement em{color:#c2b397}.brand-sign{font-family:Georgia,serif;font-weight:400}.brand-sign span{font-family:Arial,sans-serif}.process{background:#e9e4dc}.steps h3{font-weight:500}.steps li>span{color:#85755f}.faq summary{font-weight:500}.contact .section-kicker{color:#c2b397}.contact h2{font-weight:400;font-size:clamp(38px,4.2vw,61px)}.contact h2>span{font-size:.8em}.contact-person strong{font-weight:500}.contact-person .person-symbol{width:47px;color:#c2b397}.contact-button{font-weight:400;color:#c2b397;font-size:20px}.footer .brand>span{font-weight:400}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:55px}.hero-art{min-height:565px}}
@media(max-width:760px){.header{height:80px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:35px}.hero h1{font-size:clamp(45px,10vw,64px);line-height:1.45}.hero-art{min-height:410px}.hero-monogram{top:30%;width:46%;left:27%}.hero-foot{margin-top:29px}.section{padding-block:68px}.service-title{font-size:21px}.brand-statement h3{font-size:30px}.header nav{top:79px}.brand>span{font-size:25px}.service-rail{font-size:9px;letter-spacing:1px}.art-bottom>span:first-child{font-size:24px}.mini-card.front>span{font-size:19px}.mini-card.front b{font-size:15px}}

/* Brand descriptor */
.brand small{font-size:9px;letter-spacing:.08em;white-space:nowrap}