.coffee-work *{box-sizing:border-box}.coffee-work{color:var(--fg);background:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);font-family:var(--font-hanken),var(--font-noto-kr),sans-serif;word-break:keep-all;overflow-wrap:anywhere;background-size:32px 32px;margin:0;line-height:1.75}.coffee-work a{color:inherit;text-decoration:none}.coffee-work button,.coffee-work select{font:inherit}.coffee-work a:focus-visible,.coffee-work select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.coffee-work .wrap{max-width:1320px;margin:auto;padding-inline:clamp(22px,3vw,48px)}.coffee-work .mono,.coffee-work .eyebrow,.coffee-work small,.coffee-work dt,.coffee-work .options{font-family:var(--font-jetbrains),ui-monospace,monospace}.coffee-work .top{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.coffee-work .brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:21px;display:flex}.coffee-work .brand span,.coffee-work .cursor{color:var(--yellow)}.coffee-work nav{gap:26px;font-size:14px;display:flex}.coffee-work nav a{color:var(--muted)}.coffee-work nav .active{color:var(--fg);text-underline-offset:7px;text-decoration:underline}.coffee-work .options{align-items:center;gap:14px;font-size:11px;display:flex}.coffee-work select{background:var(--bg);border:1px solid var(--line);color:var(--fg);padding:8px 4px}.coffee-work .review{color:var(--muted);justify-content:space-between;margin-top:25px;font-size:11px;display:flex}.coffee-work .eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px}.coffee-work .listing{padding:64px 0 70px}.coffee-work .listing h2{margin:20px 0;font-size:76px;font-weight:400;line-height:1}.coffee-work .listing>p{color:var(--muted)}.coffee-work .work-card{border-block:1px solid var(--line);grid-template-columns:240px 1fr 30px;align-items:center;gap:32px;margin-top:30px;padding:22px 0;display:grid}.coffee-work .thumb{background:var(--surface);border:1px solid var(--hair);aspect-ratio:16/10;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.coffee-work .thumb>span{letter-spacing:-.05em;font-size:52px}.coffee-work .thumb small{color:var(--muted);font-size:9px}.coffee-work h3{margin:10px 0;font-size:26px;font-weight:400}.coffee-work .work-card p{color:var(--muted);margin:0;font-size:14px}.coffee-work .arrow{font-size:28px}.coffee-work .work-card:hover .arrow{transform:translate(3px,-3px)}.coffee-work .terminal{border-top:1px solid var(--fg);color:var(--muted);padding-top:22px;font-size:11px}.coffee-work .terminal span{color:var(--accent)}.coffee-work .hero{grid-template-columns:1fr 240px;align-items:end;gap:40px;padding:65px 0 48px;display:grid}.coffee-work h1{letter-spacing:-.05em;margin:25px 0;font-size:clamp(44px,6.3vw,88px);font-weight:400;line-height:1.15}.coffee-work .lead{margin:0;font-size:20px}.coffee-work .hero aside{border-left:1px solid var(--line);padding-left:24px}.coffee-work .hero aside p{color:var(--muted);font-size:14px}.coffee-work figure{background:var(--surface);border:1px solid var(--line);margin:0;padding:22px 28px}.coffee-work .fighead{color:var(--muted);border-bottom:1px solid var(--hair);justify-content:space-between;padding-bottom:17px;font-size:10px;display:flex}.coffee-work figure svg{width:100%;height:auto;display:block}.coffee-work figcaption{color:var(--muted);border-top:1px solid var(--hair);padding-top:16px;font-size:12px}.coffee-work .section{border-bottom:1px solid var(--hair);padding:88px 0}.coffee-work .section-head{grid-template-columns:240px 1fr;gap:32px;margin-bottom:35px;display:grid}.coffee-work h2{letter-spacing:-.04em;margin:0;font-size:42px;font-weight:400;line-height:1.3}.coffee-work .bodygrid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.coffee-work .statement{margin:0;font-size:22px;line-height:1.8}.coffee-work dl{margin:0}.coffee-work dl>div{border-top:1px solid var(--hair);grid-template-columns:110px 1fr;gap:20px;padding:14px 0;display:grid}.coffee-work dt{letter-spacing:.08em;color:var(--muted);padding-top:5px;font-size:10px}.coffee-work dd{margin:0;font-size:15px}.coffee-work .record{border-top:1px solid var(--line);grid-template-columns:40px 1fr 1fr;gap:24px;padding:25px 0;display:grid}.coffee-work .record>span{color:var(--muted);font-size:12px}.coffee-work .record h3{margin:0;font-size:22px}.coffee-work .record p{color:var(--muted);margin:0;font-size:15px}.coffee-work .contact{padding:85px 0}.coffee-work .contact h2{margin:22px 0 30px}.coffee-work .button{background:var(--fg);color:var(--bg);gap:45px;min-height:48px;padding:13px 23px;display:inline-flex}.coffee-work .button:hover{background:var(--yellow);color:#0b0f14}.coffee-work .contact p{color:var(--muted);font-size:12px}.coffee-work footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:30px 55px;font-size:12px;display:flex}.coffee-work .skip{position:absolute;top:-80px}.coffee-work .skip:focus{background:var(--surface);padding:10px;top:10px}.coffee-work ::selection{color:#0b0f14;background:#ffbe0b}@media (max-width:850px){.coffee-work .top{flex-wrap:wrap;gap:14px;padding-block:18px}.coffee-work .top nav{order:3;justify-content:space-between;gap:12px;width:100%}.coffee-work .brand{font-size:18px}.coffee-work .options{margin-left:auto}.coffee-work .hero{grid-template-columns:1fr;gap:25px;padding-top:45px}.coffee-work .hero aside{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.coffee-work .section-head{grid-template-columns:1fr;gap:20px}.coffee-work .bodygrid{grid-template-columns:1fr;gap:32px}.coffee-work .work-card{grid-template-columns:120px 1fr 18px;gap:16px}.coffee-work .work-card h3{font-size:20px}.coffee-work .thumb>span{font-size:32px}.coffee-work .thumb small{font-size:7px}.coffee-work .record{grid-template-columns:25px 1fr}.coffee-work .record p{grid-column:2}.coffee-work .review{gap:20px;font-size:9px}.coffee-work figure{padding:15px}.coffee-work .fighead{font-size:8px}.coffee-work .listing{padding:45px 0}.coffee-work .listing h2{font-size:64px}.coffee-work h2{font-size:32px}.coffee-work .section{padding:60px 0}.coffee-work .statement{font-size:19px}.coffee-work .lead{font-size:18px}.coffee-work footer{flex-wrap:wrap}.coffee-work .contact{padding:60px 0}}@media (prefers-reduced-motion:no-preference){.coffee-work{scroll-behavior:smooth;scroll-padding-top:24px}.coffee-work .arrow{transition:transform .3s}}@media (max-width:500px){.coffee-work .work-card{grid-template-columns:1fr 24px;gap:18px}.coffee-work .thumb{aspect-ratio:16/7;grid-column:1/-1}.coffee-work .thumb>span{font-size:44px}.coffee-work .thumb small{font-size:9px}.coffee-work .work-card h3{font-size:23px}.coffee-work .work-card .eyebrow{font-size:10px}.coffee-work .listing>p{font-size:15px}}.coffee-work .section-intro{max-width:650px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.8}.coffee-work .disclosure,.coffee-work .scope-note{color:var(--muted);margin:25px 0 0;font-size:12px;line-height:1.8}.coffee-work .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.coffee-work .offer-grid article{border-top:1px solid var(--fg);padding-top:22px}.coffee-work .offer-grid h3{margin:30px 0 20px;font-size:23px;line-height:1.45}.coffee-work .offer-grid blockquote{min-height:100px;margin:0 0 22px;font-size:19px;line-height:1.7}.coffee-work .offer-grid p,.coffee-work .brief-grid p,.coffee-work .brief-grid li{color:var(--muted);font-size:16px;line-height:1.85}.coffee-work .brief-grid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.coffee-work .brief-grid>div{border-top:1px solid var(--line);padding-top:20px}.coffee-work .brief-grid ul{margin-bottom:0;padding-left:20px}.coffee-work .brief-grid li+li{margin-top:10px}.coffee-work .contact{justify-content:space-between;align-items:center;gap:35px;display:flex}.coffee-work .contact .button{flex:none}.coffee-work .contact h2{margin-bottom:20px}.coffee-work .contact p{font-size:15px}.coffee-work .options>a{align-items:center;min-height:44px;display:flex}.coffee-work .options select{min-height:44px}@media (max-width:850px){.coffee-work .offer-grid,.coffee-work .brief-grid{grid-template-columns:1fr;gap:35px}.coffee-work .offer-grid blockquote{min-height:0}.coffee-work .offer-grid h3{margin-top:20px}.coffee-work .contact{display:block}.coffee-work .contact .button{margin-top:15px}.coffee-work .offer-grid article{padding-top:20px}}.coffee-work .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}@media (max-width:850px){.coffee-work .offer-grid{grid-template-columns:1fr}}.coffee-work .exterior-plate img{width:100%;height:auto;display:block}.coffee-work .drawing-key{border-top:1px solid var(--hair);color:var(--muted);grid-template-columns:repeat(3,1fr);gap:20px;padding:15px 0;font-size:13px;display:grid}.coffee-work .drawing-key b{color:var(--fg);margin-right:12px;font-family:ui-monospace,monospace;font-weight:400}html[data-theme=dark] .coffee-work .exterior-plate img{filter:invert()}@media (max-width:500px){.coffee-work .drawing-key{gap:8px;font-size:11px}.coffee-work .drawing-key b{margin-right:5px}.coffee-work .exterior-plate .fighead{flex-wrap:wrap;gap:6px}}.coffee-work .module-key{border-top:1px solid var(--hair);grid-template-columns:1fr 1fr;gap:35px;padding:20px 0;display:grid}.coffee-work .module-key b{font-size:16px;font-weight:400}.coffee-work .module-key p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.8}.coffee-work .recipe-layout{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:45px;display:grid}.coffee-work .recipe-panel{background:var(--surface);border:1px solid var(--line);padding:28px}.coffee-work .recipe-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;display:grid}.coffee-work .recipe-options fieldset{border:0;min-width:0;margin:0;padding:0}.coffee-work .recipe-options legend{color:var(--muted);margin-bottom:14px;font-size:12px}.coffee-work .recipe-options label{cursor:pointer;margin-bottom:10px;display:block;position:relative}.coffee-work .recipe-options input{opacity:0;width:1px;height:1px;position:absolute}.coffee-work .recipe-options span{border:1px solid var(--hair);justify-content:center;align-items:center;min-height:48px;font-size:15px;display:flex}.coffee-work .recipe-options label:has(input:checked) span{border-color:var(--fg);background:var(--fg);color:var(--bg)}.coffee-work .recipe-options label:has(input:focus-visible) span{outline:2px solid var(--accent);outline-offset:3px}.coffee-work .recipe-copy h3{margin:20px 0;font-size:30px;line-height:1.45}.coffee-work .recipe-copy>p{color:var(--muted);font-size:16px;line-height:1.85}.coffee-work .recipe-copy>.scope-note{font-size:12px}@media (max-width:850px){.coffee-work .recipe-layout{grid-template-columns:1fr;gap:30px}.coffee-work .module-key{gap:20px}.coffee-work .recipe-panel{padding:20px}.coffee-work .module-key b{font-size:14px}}@media (max-width:500px){.coffee-work .module-key{grid-template-columns:1fr}.coffee-work .recipe-options{gap:8px}.coffee-work .recipe-options span{font-size:13px}.coffee-work .recipe-copy h3{font-size:26px}}.coffee-work .terminology-note{border-left:1px solid var(--line);color:var(--muted);margin:28px 0 0;padding:6px 0 6px 20px;font-size:14px;line-height:1.85}.coffee-work .terminology-note>.eyebrow{margin-bottom:8px;display:block}.coffee-work{--accent:var(--accent-text);--yellow:var(--daisy);word-break:keep-all;overflow-wrap:anywhere;background:0 0;line-height:1.75;container-type:inline-size}.coffee-work .hero .work-title{letter-spacing:-.045em;margin:25px 0;font-size:clamp(38px,5.6vw,72px);font-weight:400;line-height:1.2}.coffee-work .terminal{overflow-wrap:anywhere}.coffee-work .hero{grid-template-columns:minmax(0,1fr) 200px;gap:30px;padding-top:40px}.coffee-work .section-head{grid-template-columns:170px minmax(0,1fr)}.coffee-work .bodygrid{gap:35px}.coffee-work .recipe-layout{gap:30px}.coffee-work .recipe-options legend{float:none;padding:0}.coffee-work .recipe-options input{appearance:auto}.coffee-work .recipe-options span{border-style:solid}.coffee-work .brief-grid ul{list-style:outside}.coffee-work .offer-grid article{min-width:0}@container (max-width:760px){.coffee-work .hero,.coffee-work .section-head,.coffee-work .bodygrid,.coffee-work .recipe-layout,.coffee-work .brief-grid,.coffee-work .offer-grid{grid-template-columns:minmax(0,1fr)}.coffee-work .hero aside{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.coffee-work .section-head{gap:16px}.coffee-work .section{padding:55px 0}.coffee-work .hero .work-title{font-size:clamp(34px,6vw,56px)}.coffee-work .contact{display:block}.coffee-work .contact .button{margin-top:18px}.coffee-work .offer-grid blockquote{min-height:0}}@container (max-width:450px){.coffee-work .module-key{grid-template-columns:1fr}.coffee-work .recipe-panel{padding:16px}.coffee-work .recipe-options{gap:8px}.coffee-work .recipe-options span{font-size:13px}.coffee-work .fighead{flex-wrap:wrap;gap:8px}.coffee-work .drawing-key{gap:8px;font-size:11px}.coffee-work .hero .work-title{font-size:34px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .coffee-work .exterior-plate img{filter:invert()}}
.cafe-example{color:var(--fg)}.cafe-example *{box-sizing:border-box}.cafe-example .eyebrow,.cafe-example .num,.cafe-example .badge{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.cafe-example .eyebrow,.cafe-example .badge{color:var(--muted)}.cafe-example .hero{grid-template-columns:minmax(0,1fr) 220px;gap:30px;min-height:0;padding:28px 0 55px;display:grid}.cafe-example .hero h1,.cafe-example .hero .modalTitle{letter-spacing:-.065em;margin:20px 0 27px;font-size:clamp(47px,6.6vw,88px);font-weight:400;line-height:1.02}.cafe-example .hero p{max-width:680px;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.65}.cafe-example .hero-side{border-left:1px solid var(--line);align-self:end;padding-left:24px}.cafe-example .hero-side p{margin:12px 0 0;font-size:14px;line-height:1.7}.cafe-example .muted{color:var(--muted)}.cafe-example .index{border-top:1px solid var(--fg);border-bottom:1px solid var(--line);white-space:nowrap;gap:26px;padding:18px 0;display:flex;overflow:auto}.cafe-example .index a{font-family:var(--font-jetbrains),monospace;font-size:12px;text-decoration:none}.cafe-example .index a:hover,.cafe-example .requestLink:hover{text-underline-offset:4px;text-decoration:underline}.cafe-example .index span{color:var(--muted);margin-right:9px}.cafe-example .section{border-bottom:1px solid var(--hair);padding:76px 0}.cafe-example .section-head{grid-template-columns:155px minmax(0,1fr);gap:26px;margin-bottom:35px;display:grid}.cafe-example .section-head h2{letter-spacing:-.05em;margin:0 0 15px;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.15}.cafe-example .section-head p{color:var(--muted);max-width:670px;margin:0;line-height:1.75}.cafe-example .intro-grid{grid-template-columns:1fr;gap:28px;display:grid}.cafe-example .intro-card,.cafe-example .info-card{border-top:1px solid var(--fg);padding:20px 0}.cafe-example .intro-card strong{letter-spacing:-.025em;max-width:680px;font-size:23px;font-weight:400;line-height:1.55;display:block}.cafe-example .facts{border:0;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;display:grid}.cafe-example .fact{border-top:1px solid var(--line);padding-top:12px}.cafe-example .fact span{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.cafe-example .fact b{font-size:16px;font-weight:500}.cafe-example .plate{background:var(--surface);border:1px solid var(--line);padding:20px}.cafe-example .plate-top{border-bottom:1px solid var(--hair);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.cafe-example .plate-scroll{overflow:auto}.cafe-example .plate-scroll img{width:100%;min-width:650px;height:auto;display:block}.cafe-example .plate-note{color:var(--muted);border-top:1px solid var(--hair);padding-top:16px;font-size:12px;line-height:1.65}.cafe-example .plan-key{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.cafe-example .plan-key div{border-top:1px solid var(--line);padding:12px 0;font-size:13px;line-height:1.5}.cafe-example .plan-key b{font-family:var(--font-jetbrains),monospace;margin-right:10px}.cafe-example .flow{border-top:1px solid var(--fg);grid-template-columns:repeat(4,1fr);display:grid}.cafe-example .flow article{border-right:1px solid var(--hair);padding:24px 15px 30px}.cafe-example .flow article:last-child{border-right:0}.cafe-example .flow h3{margin:32px 0 10px;font-size:20px;font-weight:400}.cafe-example .flow p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.cafe-example .table{border-top:1px solid var(--fg)}.cafe-example .row{border-bottom:1px solid var(--hair);grid-template-columns:120px 1fr 1.2fr;align-items:start;gap:18px;padding:22px 0;display:grid}.cafe-example .row h3{margin:0;font-size:18px;font-weight:500}.cafe-example .row p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cafe-example .two{grid-template-columns:1fr 1fr;gap:28px;display:grid}.cafe-example .info-card h3{letter-spacing:-.03em;margin:20px 0 14px;font-size:23px;font-weight:400}.cafe-example .info-card p,.cafe-example .info-card li{color:var(--muted);font-size:15px;line-height:1.8}.cafe-example .info-card ul{padding-left:18px;list-style:outside}.cafe-example .quote{background:var(--hover);border-left:3px solid var(--fg);padding:26px;font-size:18px;line-height:1.7}.cafe-example .placeholder{border:1px dashed var(--line);color:var(--muted);padding:24px;font-size:14px;line-height:1.7}.cafe-example .requestLink{min-height:44px;font-family:var(--font-jetbrains),monospace;align-items:center;margin-top:10px;font-size:13px;display:inline-flex}.cafe-example .visuallyHidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cafe-example a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.cafe-modal .hero{grid-template-columns:1fr;padding-top:0}.cafe-modal .hero-side{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.cafe-modal .section-head{grid-template-columns:1fr;gap:12px}.cafe-modal .intro-grid,.cafe-modal .two{grid-template-columns:1fr}.cafe-modal .flow,.cafe-modal .plan-key{grid-template-columns:repeat(2,1fr)}.cafe-modal .flow article:nth-child(2){border-right:0}.cafe-modal .row{grid-template-columns:1fr}@media (max-width:760px){.cafe-example .hero{grid-template-columns:1fr;padding:8px 0 42px}.cafe-example .hero-side{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.cafe-example .section{padding:58px 0}.cafe-example .section-head,.cafe-example .intro-grid,.cafe-example .two{grid-template-columns:1fr}.cafe-example .section-head{gap:12px}.cafe-example .facts{gap:10px}.cafe-example .fact b{font-size:14px}.cafe-example .plan-key,.cafe-example .flow{grid-template-columns:repeat(2,1fr)}.cafe-example .flow article:nth-child(2){border-right:0}.cafe-example .flow article:nth-child(-n+2){border-bottom:1px solid var(--hair)}.cafe-example .row{grid-template-columns:1fr}.cafe-example .plate{padding:12px}}