:root{--paper:#f5f0e7;--paper-deep:#efe8dc;--paper-light:#faf7f1;--blue:#456b7c;--blue-soft:#6f8995;--blue-pale:#d4dee0;--gold:#b99255;--text:#3f3933;--muted:#625950;--line:rgba(111,137,149,.25);--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:var(--blue-pale)}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(1.8rem,3.1vw,2.8rem);line-height:1.7;letter-spacing:.09em}h2 span{display:block}.container{width:min(1180px,calc(100% - 112px));margin-inline:auto}.section{padding-block:108px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px 20px;background:var(--paper-light);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(24px,4vw,64px);border-bottom:1px solid rgba(111,137,149,.15);background:var(--paper-light);position:sticky;top:0;z-index:20}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:58px;height:58px;mix-blend-mode:multiply;overflow:hidden}.brand-name{font-family:var(--serif);font-size:24px;line-height:1.45;letter-spacing:.2em}.brand-name span{display:block;font-family:Georgia,serif;font-size:11px;letter-spacing:.22em;color:var(--blue);margin-top:3px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:15px;letter-spacing:.06em}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--blue)}.nav-contact{border:1px solid var(--line);padding:10px 20px;display:flex;gap:25px;align-items:center;border-radius:3px}.nav-contact span{color:var(--gold)}.menu-toggle{display:none}
.hero{position:relative;min-height:710px;height:min(830px,calc(100svh - 100px));isolation:isolate;overflow:hidden;background:var(--paper)}.hero-art{position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;opacity:.85}.hero-content{padding-top:clamp(68px,8vh,115px)}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--blue);font-size:15px;letter-spacing:.2em;margin-bottom:25px}.eyebrow>span{width:30px;height:1px;background:var(--gold)}h1{font-size:clamp(3.2rem,5.2vw,5rem);letter-spacing:.12em;line-height:1.45}h1>span{display:block}.gold-stop{color:var(--gold)}.hero-english{font:13px/1.7 Georgia,serif;letter-spacing:.22em;color:var(--blue);margin-top:23px}.hero-intro{margin-top:26px;color:var(--muted);line-height:2;letter-spacing:.06em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:12px 25px;border-radius:4px;font-size:15px;letter-spacing:.06em;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:var(--paper-light)}.primary:hover{background:#365767}.secondary{background:var(--paper);border-color:var(--blue);color:var(--blue)}.hero .button{margin-top:30px}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:13px;letter-spacing:.15em}.scroll-cue{display:flex;align-items:center;gap:13px;min-height:44px}.scroll-line{height:32px;width:1px;background:var(--gold)}.hero-caption{writing-mode:vertical-rl;position:absolute;right:0;bottom:50px;font-family:var(--serif);font-size:16px;letter-spacing:.35em}
.section-label{display:flex;align-items:center;gap:20px;margin-bottom:54px;color:var(--blue);font:12px/1.5 Georgia,serif;letter-spacing:.18em}.section-number{color:var(--gold);font-size:16px;letter-spacing:0}.hairline{height:1px;background:var(--line);flex:1;margin-left:10px}.overline{color:var(--blue);font-size:14px;letter-spacing:.2em;margin-bottom:20px}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.about-copy{color:var(--muted);line-height:2.2;letter-spacing:.04em;padding-top:4px}.about-copy p+p{margin-top:23px}.values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line);padding-top:38px}.values>div{border-right:1px solid var(--line);text-align:center}.values>div:last-child{border:0}.values span{font-family:var(--serif);font-size:24px;letter-spacing:.25em}.values p{font-size:14px;margin-top:9px;color:var(--muted);letter-spacing:.06em}
.brands{background:var(--paper-light)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:65px}.section-heading>p{color:var(--muted);letter-spacing:.06em;line-height:2;padding-bottom:7px}.brand-story{display:grid;grid-template-columns:1.08fr 1fr;gap:85px;align-items:center}.brand-visual{position:relative;overflow:hidden}.brand-visual img{height:580px;object-fit:cover}.retail{border-radius:48% 48% 8px 8px}.retail img{object-position:47% center}.image-note{position:absolute;bottom:0;left:0;right:0;background:rgba(250,247,241,.94);padding:10px 18px;color:var(--muted);font-size:12px;letter-spacing:.08em}.brand-kicker{display:flex;align-items:center;gap:15px;margin-bottom:25px;color:var(--blue);font-size:13px;letter-spacing:.09em}.brand-index{font-family:Georgia,serif;font-size:25px;font-weight:400;color:var(--gold);border-right:1px solid var(--gold);padding-right:15px}.brand-story h3{font-size:clamp(2rem,3.3vw,3.4rem);letter-spacing:.14em;line-height:1.5}.brand-story h3>span{font-size:.54em;letter-spacing:.11em;margin-left:14px}.brand-line{font-family:var(--serif);font-size:24px;line-height:1.8;letter-spacing:.08em;margin:24px 0 20px}.brand-story-copy>p:not(.brand-line){color:var(--muted);line-height:2.1}.service-tags{font-size:13px;margin-top:23px;display:flex;flex-wrap:wrap;gap:5px}.service-tags span{color:var(--gold);padding-inline:3px}.text-link{border:0;border-bottom:1px solid var(--gold);padding:12px 0;background:transparent;color:var(--blue);display:flex;gap:65px;align-items:center;font-size:15px;letter-spacing:.05em;margin-top:28px}.text-link:hover{color:var(--text)}.reversed{margin-top:115px;grid-template-columns:1fr 1.08fr}.reversed .brand-visual{grid-column:2;grid-row:1;border-radius:8px 8px 45% 8px}.reversed .brand-story-copy{grid-column:1;grid-row:1;padding-left:30px}.reversed img{height:500px;object-fit:contain;background:#e9e3d9}
.approach-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.approach-heading>p:last-child{margin-top:28px;color:var(--muted);line-height:2.1}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.step-number{font-family:Georgia,serif;color:var(--gold);font-size:20px;padding-top:3px}.steps h3{font-size:23px;letter-spacing:.1em;margin-bottom:8px}.steps p{color:var(--muted);line-height:1.9}.contact{background:#e7edef;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.contact h2{margin-bottom:22px}.contact-layout>div>p:last-child{color:var(--muted)}.contact-card{background:var(--paper-light);border:1px solid rgba(111,137,149,.18);border-radius:12px;padding:38px;box-shadow:0 8px 32px rgba(63,57,51,.035)}.contact-card h3{font-size:24px;letter-spacing:.06em}.contact-brands{font-size:14px;color:var(--muted);margin-top:10px}.contact-details{margin-top:28px;border-top:1px solid var(--line);padding-top:17px}.contact-details p{display:grid;grid-template-columns:50px 1fr;gap:14px;margin-top:10px;font-size:15px}.contact-details p>span:first-child{color:var(--blue)}.preview-note{font-size:13px!important;margin-top:25px;color:var(--muted)}.site-footer{padding-block:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-name{font-family:var(--serif);font-size:21px;letter-spacing:.1em}.site-footer p{font-size:13px;color:var(--muted);letter-spacing:.03em;margin-top:7px}.footer-meta{text-align:right}.preview-label{font-size:12px;color:var(--blue)}.back-top{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--blue)}
dialog{width:min(650px,calc(100% - 32px));max-height:85svh;overflow-y:auto;border:1px solid var(--line);border-radius:14px;padding:35px 40px;background:var(--paper-light);color:var(--text);box-shadow:0 20px 80px rgba(63,57,51,.14)}dialog::backdrop{background:rgba(63,57,51,.35)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .overline{margin:0}.dialog-close{width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:26px;color:var(--blue);line-height:1}.dialog-close:hover{background:var(--paper-deep)}dialog h2{font-size:28px;margin:20px 0}dialog>p{color:var(--muted);font-size:16px}.service-list{margin:25px 0 30px}.service-list>div{border-top:1px solid var(--line);padding:17px 0}.service-list dt{font-family:var(--serif);font-size:20px}.service-list dd{margin:4px 0 0;color:var(--muted);font-size:15px}
@media(min-width:1550px){.hero-content{padding-top:115px}.hero{max-height:880px}.hero-art{background-position:center 58%}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.site-header nav{gap:20px;font-size:14px}.brand-name{font-size:21px}.brand-mark{width:48px;height:48px}.brand-story{gap:40px}.brand-visual img{height:500px}.about-layout,.approach-layout{gap:40px}.brand-line{font-size:22px}.contact-layout{gap:40px}.service-tags{font-size:12px}.reversed .brand-story-copy{padding-left:0}}
@media(max-width:760px){html{scroll-padding-top:82px}.site-header{height:82px;padding-inline:22px}.brand-mark{width:45px;height:45px}.brand-name{font-size:20px}.brand-name span{font-size:10px}.container{width:calc(100% - 44px)}.section{padding-block:70px}.menu-toggle{display:flex;gap:12px;align-items:center;color:var(--blue);background:transparent;border:0;min-height:44px;padding:8px;font-size:14px}.menu-lines{width:19px;height:10px;border-block:1px solid var(--blue)}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 25px 30px;background:var(--paper-light);border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(63,57,51,.04);gap:0}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{padding:14px 8px;min-height:48px}.site-header nav .nav-contact{margin-top:10px;padding-inline:16px}.hero{height:auto;min-height:700px}.hero-content{padding-top:55px;padding-bottom:145px}.hero-art{opacity:.55;background-position:61% center}.eyebrow{font-size:13px;letter-spacing:.12em;margin-bottom:25px}h1{font-size:clamp(2.8rem,10.8vw,4rem);letter-spacing:.1em;line-height:1.5}.hero-english{font-size:12px;margin-top:20px}.hero-intro{font-size:15px;line-height:2;margin-top:25px}.hero .button{margin-top:28px}.hero-caption{font-size:13px;right:0;bottom:55px;letter-spacing:.25em}.hero-bottom{bottom:20px}.section-label{margin-bottom:35px;font-size:11px;gap:15px}.about-layout{grid-template-columns:1fr;gap:30px}h2{font-size:clamp(1.65rem,6.1vw,2.2rem);letter-spacing:.06em;line-height:1.7}.about-copy{font-size:15px;line-height:2.1}.values{grid-template-columns:repeat(2,1fr);margin-top:40px;gap:28px 0;padding-top:30px}.values>div:nth-child(2){border-right:0}.values span{font-size:21px}.values p{font-size:13px}.section-heading{display:block;margin-bottom:38px}.section-heading>p{margin-top:24px;font-size:15px}.brand-story,.reversed{grid-template-columns:1fr;gap:30px}.brand-visual img{height:390px}.retail{border-radius:45% 45% 7px 7px}.brand-story h3{font-size:36px}.brand-story-copy{padding-inline:8px}.brand-kicker{margin-bottom:15px}.brand-line{font-size:22px;margin-block:18px}.brand-story-copy>p:not(.brand-line){font-size:15px}.brand-story-copy>.service-tags{font-size:12px!important}.text-link{margin-top:20px}.reversed{margin-top:72px}.reversed .brand-visual{grid-column:1;grid-row:1;border-radius:7px 7px 20% 7px}.reversed .brand-story-copy{grid-column:1;grid-row:2;padding-left:8px}.reversed img{height:auto;aspect-ratio:1.3;object-fit:contain}.approach-layout{grid-template-columns:1fr;gap:40px}.steps li{gap:22px;padding-block:24px}.steps h3{font-size:21px}.steps p{font-size:15px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-card{padding:27px 22px}.contact-card h3{font-size:22px}.contact-brands{font-size:13px}.site-footer{align-items:flex-start;flex-wrap:wrap;padding-block:35px;gap:24px}.footer-meta{text-align:left;width:calc(100% - 70px);order:3}.back-top{margin-left:auto}.footer-name{font-size:19px}dialog{padding:25px 22px}.dialog-head .overline{font-size:13px}dialog h2{font-size:24px}dialog>p{font-size:15px}.service-list dt{font-size:19px}}
.hero-art{background-image:url('assets/morning-landscape.png')}
/* Blue / gold light is confined to whitespace, rules and photo borders. */
main>.section{position:relative}
.section-flow{position:absolute;top:0;left:0;width:100%;height:84px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.light-ribbon{position:absolute;left:-12%;top:18%;width:124%;height:62px;border-radius:50%;border-top:3px solid rgba(111,137,149,.38);filter:blur(.6px);opacity:.18;transform:rotate(-2deg);transform-origin:50% 50%}
.light-ribbon:nth-child(even){border-color:rgba(201,168,106,.34);transform:rotate(2deg)}
.light-ribbon:nth-child(2){top:27%;left:-4%;width:112%;border-width:4px;filter:blur(1.4px)}
.light-ribbon:nth-child(3){top:40%;left:-18%;width:126%;border-width:2px}
.light-ribbon:nth-child(4){top:48%;left:5%;width:106%;height:40px;border-width:3px;filter:blur(1px)}
.light-ribbon:nth-child(5){top:13%;left:10%;width:105%;height:80px;border-width:5px;filter:blur(2px)}
.light-ribbon:nth-child(6){top:58%;left:-10%;width:120%;border-width:2px}
.light-ribbon:nth-child(7){top:32%;left:-6%;width:112%;height:44px;border-width:4px;filter:blur(1.6px)}
.light-ribbon:nth-child(8){top:8%;left:-15%;width:125%;height:70px;border-width:2px}
.light-ribbon:nth-child(9){top:53%;left:-8%;width:118%;height:30px;border-width:3px;filter:blur(1px)}
.light-ribbon:nth-child(10){top:22%;left:-3%;width:108%;height:86px;border-width:5px;filter:blur(2px)}
.light-ribbon:nth-child(11){top:62%;left:-14%;width:120%;height:48px;border-width:2px}
.light-ribbon:nth-child(12){top:37%;left:2%;width:110%;height:54px;border-width:3px;filter:blur(1.2px)}
.section-flow.light-play{animation:light-tide-density 26s ease-in-out -7s infinite;animation-play-state:paused}
.light-play .light-ribbon{animation:long-current-blue 22s ease-in-out -4s infinite;animation-play-state:paused}
.light-play .light-ribbon:nth-child(even){animation-name:long-current-gold}
.light-play .light-ribbon:nth-child(2){animation-duration:26s;animation-delay:-13s}
.light-play .light-ribbon:nth-child(3){animation-duration:23s;animation-delay:-8s}
.light-play .light-ribbon:nth-child(4){animation-duration:28s;animation-delay:-17s}
.light-play .light-ribbon:nth-child(5){animation-duration:25s;animation-delay:-3s}
.light-play .light-ribbon:nth-child(6){animation-duration:24s;animation-delay:-11s}
.light-play .light-ribbon:nth-child(7){animation-duration:27s;animation-delay:-19s}
.light-play .light-ribbon:nth-child(8){animation-duration:29s;animation-delay:-7s}
.light-play .light-ribbon:nth-child(9){animation-duration:24s;animation-delay:-16s}
.light-play .light-ribbon:nth-child(10){animation-duration:30s;animation-delay:-23s}
.light-play .light-ribbon:nth-child(11){animation-duration:28s;animation-delay:-10s}
.light-play .light-ribbon:nth-child(12){animation-duration:26s;animation-delay:-21s}
.hairline{position:relative;overflow:hidden}
.hairline::after{content:"";position:absolute;inset:0;width:24%;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0}
.brand-visual.light-ready::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(110deg,transparent 30%,var(--blue-soft) 44%,var(--gold) 52%,transparent 67%) 100% 0 / 300% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0}
.brand-visual.light-play::after{animation:photo-edge-light 24s ease-in-out -6s infinite;animation-play-state:paused}
/* Do not turn an unsupported border mask into light over the whole photo. */
@supports not (mask-composite:exclude){.brand-visual.light-ready::after{display:none}}
@keyframes light-tide-density{0%,100%{opacity:.32}50%{opacity:.95}}
@keyframes long-current-blue{0%,100%{opacity:.18;transform:translate3d(-3%,5px,0) rotate(-2.5deg) scaleY(.94)}50%{opacity:.64;transform:translate3d(3%,-5px,0) rotate(1.5deg) scaleY(1.08)}}
@keyframes long-current-gold{0%,100%{opacity:.22;transform:translate3d(3%,-4px,0) rotate(2.5deg) scaleY(1.06)}50%{opacity:.58;transform:translate3d(-3%,5px,0) rotate(-1.5deg) scaleY(.94)}}
@keyframes photo-edge-light{0%,100%{opacity:.08;background-position:100% 0}50%{opacity:.45;background-position:0% 0}}
.section-flow[data-light-running="true"],.section-flow[data-light-running="true"] .light-ribbon,.brand-visual[data-light-running="true"]::after{animation-play-state:running}
html[data-ambient-motion="paused"] .section-flow,html[data-ambient-motion="paused"] .light-ribbon,html[data-ambient-motion="paused"] .brand-visual::after{animation-play-state:paused}
@media(max-width:760px){.section-flow{height:52px}.light-ribbon{height:40px}.light-ribbon:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.section-flow,.light-ribbon{animation:none!important}.light-ribbon{opacity:.12!important}.hairline::after,.brand-visual.light-ready::after{display:none}}
/* Mountains, trees and shoreline stay fixed. Only separate mist and water move. */
.hero-art{pointer-events:none;transform:none;animation:none}
.ink-water-clip,.ink-water{position:absolute;inset:0;background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:no-repeat;pointer-events:none}
.ink-water-clip{clip-path:inset(79% 0 0);mask-image:linear-gradient(transparent 79%,#000 88%)}
.water-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.ink-water{opacity:0;transform:none}
.ink-mist{position:absolute;inset:20% -8% 5%;background-image:url('assets/mist-overlay-v1.png');background-repeat:no-repeat;background-size:100% 100%;mix-blend-mode:screen;opacity:0;pointer-events:none}
.hero[data-motion="enabled"] .ink-mist{animation:mist-drift 12s ease-in-out -4s infinite alternate}
.hero[data-motion="enabled"] .ink-water{filter:url('#lake-ripples');opacity:.95}
.hero[data-motion-paused="true"] .ink-mist,.hero[data-motion-paused="true"] .ink-water{animation-play-state:paused}
.motion-toggle{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:24px;background:var(--paper-light);color:var(--blue);font:inherit;letter-spacing:.08em;cursor:pointer}
.motion-toggle:hover{border-color:var(--blue-soft);background:var(--paper-deep)}
.motion-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.motion-toggle[hidden]{display:none}
@keyframes mist-drift{0%{transform:translate3d(-3%,1%,0);opacity:.38}50%{opacity:.68}100%{transform:translate3d(3%,-1%,0);opacity:.45}}
/* Mobile light sits over the visible lake, independently of the lower 79%
   reflection clip. Only these thin arcs move; the original art stays fixed. */
@keyframes mist-drift-mobile{0%{transform:translate3d(-3%,1%,0);opacity:.50}50%{opacity:.82}100%{transform:translate3d(3%,-1%,0);opacity:.58}}
@keyframes lake-light-blue{0%,100%{opacity:.38;transform:translate3d(-8px,1px,0) scaleX(.96)}50%{opacity:.76;transform:translate3d(8px,-1px,0) scaleX(1.03)}}
@keyframes lake-light-gold{0%,100%{opacity:.30;transform:translate3d(8px,-1px,0) scaleX(1.03)}50%{opacity:.64;transform:translate3d(-8px,1px,0) scaleX(.96)}}
@media(max-width:760px){
  .hero-art{opacity:.66}
  .hero[data-motion="enabled"] .ink-mist{animation-name:mist-drift-mobile;animation-duration:16s}
  .hero[data-motion="enabled"] .hero-art::before,.hero[data-motion="enabled"] .hero-art::after{content:"";position:absolute;z-index:1;top:75%;left:-15%;width:130%;height:5%;border-radius:50%;border-top:1.5px solid rgba(111,137,149,.52);border-bottom:1px solid rgba(111,137,149,.28);pointer-events:none;animation:lake-light-blue 12s ease-in-out -4s infinite}
  .hero[data-motion="enabled"] .hero-art::after{top:79%;left:-6%;width:112%;height:4%;border-top-color:rgba(201,168,106,.48);border-bottom-color:rgba(201,168,106,.24);animation:lake-light-gold 16s ease-in-out -9s infinite}
  .hero[data-motion-paused="true"] .hero-art::before,.hero[data-motion-paused="true"] .hero-art::after{animation-play-state:paused}
  .motion-toggle{font-size:14px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}.ink-mist,.ink-water,.motion-toggle,.hero-art::before,.hero-art::after{display:none!important}}
/* LINE entry: branded text badge, not an emoji or a redrawn platform logo. */
.line-action{display:inline-grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;width:100%;max-width:380px;min-height:74px;padding:14px 18px;border:1px solid rgba(69,107,124,.4);border-radius:10px;background:var(--paper-light);color:var(--blue);text-align:left;line-height:1.5;transition:background .2s,border-color .2s}
.line-action:hover{background:var(--paper);border-color:var(--blue)}
.line-action:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.line-action-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:var(--blue);color:var(--paper-light);font:600 11px/1 var(--sans);letter-spacing:.04em}
.line-action-copy{display:block;min-width:0;overflow-wrap:anywhere}
.line-action-label{display:block;font-size:16px;letter-spacing:.03em}
.line-action-phrase{display:inline-block;max-width:100%}
.line-action-meta{display:block;margin-top:5px;font-size:13px;letter-spacing:0;color:var(--muted)}
.line-action--primary{max-width:none;background:var(--blue);color:var(--paper-light)}
.line-action--primary:hover{background:#365767}
.line-action--primary .line-action-mark{background:var(--paper-light);color:var(--blue)}
.line-action--primary .line-action-meta{color:var(--paper-light)}
.line-contact-panel .line-action{margin-block:20px}
@media(max-width:760px){.line-action{padding:14px 12px;gap:12px}.line-action-meta{font-size:14px}}
@media(forced-colors:active){.line-action{border-color:ButtonText}.line-action-mark{border:1px solid ButtonText}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}